diff --git a/404.html b/404.html
index 87c7fcbc9..189be52e1 100644
--- a/404.html
+++ b/404.html
@@ -33,6 +33,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "";
@@ -181,5 +182,6 @@
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/css/chrome.css b/css/chrome.css
index 59eae11fd..56c17b787 100644
--- a/css/chrome.css
+++ b/css/chrome.css
@@ -2,12 +2,6 @@
 
 @import 'variables.css';
 
-::-webkit-scrollbar {
-    background: var(--bg);
-}
-::-webkit-scrollbar-thumb {
-    background: var(--scrollbar);
-}
 html {
     scrollbar-color: var(--scrollbar) var(--bg);
 }
@@ -18,6 +12,19 @@ a > .hljs {
     color: var(--links);
 }
 
+/*
+    body-container is necessary because mobile browsers don't seem to like
+    overflow-x on the body tag when there is a <meta name="viewport"> tag.
+*/
+#body-container {
+    /*
+        This is used when the sidebar pushes the body content off the side of
+        the screen on small screens. Without it, dragging on mobile Safari
+        will want to reposition the viewport in a weird way.
+    */
+    overflow-x: hidden;
+}
+
 /* Menu Bar */
 
 #menu-bar,
diff --git a/index.html b/index.html
index 8ed5d0722..c6e17b953 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "";
@@ -222,5 +223,6 @@ However, data loss of a single packet will still block all response streams beca
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/networking-introduction.html b/networking-introduction.html
index 8ed5d0722..c6e17b953 100644
--- a/networking-introduction.html
+++ b/networking-introduction.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "";
@@ -222,5 +223,6 @@ However, data loss of a single packet will still block all response streams beca
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/print.html b/print.html
index 7b7f2d088..48c3a0ecd 100644
--- a/print.html
+++ b/print.html
@@ -33,6 +33,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "";
@@ -625,5 +626,6 @@ This could be useful if data arrival isn't essential or when high throughput is
         });
         </script>
 
+    </div>
     </body>
 </html>
diff --git a/quic.html b/quic.html
index b693fc726..498fbbb7a 100644
--- a/quic.html
+++ b/quic.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "";
@@ -209,5 +210,6 @@ One thing is for sure, QUIC has many great potentials and will serve us in the f
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/quinn.html b/quinn.html
index 8e4232c62..1ec604f00 100644
--- a/quinn.html
+++ b/quinn.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "";
@@ -285,5 +286,6 @@ crates will always be at least 6 months old at the time of release.</p>
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/quinn/certificate.html b/quinn/certificate.html
index 546237a74..0a50cf7b6 100644
--- a/quinn/certificate.html
+++ b/quinn/certificate.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "../";
@@ -310,5 +311,6 @@ After configuring plug the configuration into the <code>Endpoint</code>.</p>
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/quinn/data-transfer.html b/quinn/data-transfer.html
index e35ca99cc..196aa0e0f 100644
--- a/quinn/data-transfer.html
+++ b/quinn/data-transfer.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "../";
@@ -293,5 +294,6 @@ This could be useful if data arrival isn't essential or when high throughput is
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
diff --git a/quinn/set-up-connection.html b/quinn/set-up-connection.html
index a90a99ed4..310c04fd6 100644
--- a/quinn/set-up-connection.html
+++ b/quinn/set-up-connection.html
@@ -32,6 +32,7 @@
 
     </head>
     <body>
+    <div id="body-container">
         <!-- Provide site root to javascript -->
         <script>
             var path_to_root = "../";
@@ -250,5 +251,6 @@ The <code>SERVER_NAME</code> argument is the DNS name, matching the certificate
         <!-- Custom JS scripts -->
 
 
+    </div>
     </body>
 </html>
