diff --git a/docs/footer.html b/docs/footer.html
index d98c9a192..dba24b526 100644
--- a/docs/footer.html
+++ b/docs/footer.html
@@ -37,6 +37,7 @@
 <script type="text/javascript" src="$relpath^dynsections.js"></script>
 <script type="text/javascript" src="$relpath^doxy-boot.js"></script>
 <script src="$relpath^offcanvas.js"></script>
+<link href="$relpath^yap.css" rel="stylesheet" type="text/css"/>    
 </body>
 </html>
 
diff --git a/docs/yap.css b/docs/yap.css
index 65a9d92cc..ec3c4d9c2 100644
--- a/docs/yap.css
+++ b/docs/yap.css
@@ -1,2 +1,8 @@
 body { padding-top: 100px; }
 
+/* set a max-width for horizontal fluid layout and make it centered */
+.container-fluid {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 1600px; /* or 950px */
+}
\ No newline at end of file