fix layout
diff --git a/assets/css/docs.css b/assets/css/docs.css
index c3f6d90..6b75ea4 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -453,13 +453,3 @@
   opacity: 1;
 }
 
-@media (max-width: 767px) {
-  body {
-    padding: 0;
-  }
-  div.navbar {
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-}
-
diff --git a/docs/tutorials/javadoc.html b/docs/tutorials/javadoc.html
index a38abb0..9d5d59f 100644
--- a/docs/tutorials/javadoc.html
+++ b/docs/tutorials/javadoc.html
@@ -17,6 +17,23 @@
     <link href="../../assets/css/docs.css" rel="stylesheet">
     <link href="../../assets/css/prettify.min.css" rel="stylesheet">
 
+    <style type="text/css"><!--
+      @media (min-width: 768px) {
+	      #outerFrame {
+	        width: 100%;
+	      }
+	    }
+      @media (max-width: 767px) {
+        body {
+          padding: 0;
+        }
+        .navbar {
+          padding-left: 20px;
+          padding-right: 20px;
+        }
+      }
+    --></style>
+
   </head>
 
   <body data-spy="scroll" data-target=".sisu-docs-sidebar" style="overflow:hidden">
@@ -55,12 +72,14 @@
 
 
 
+  <div id="outerFrame" class="container">
     <!-- Javadoc
     ================================================== -->
     <iframe src="../api/org.eclipse.sisu.inject/reference/packages.html" width="100%" height="400px"
       border="0" frameborder="0" scrolling="yes" id="docFrame" style="overflow:auto">
       <a href="../api/org.eclipse.sisu.inject/reference/packages.html">org.eclipse.sisu.inject</a>
     </iframe>
+  </div>