diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css
index 12d58d9d..56c17b78 100644
--- a/src/theme/css/chrome.css
+++ b/src/theme/css/chrome.css
@@ -12,7 +12,16 @@ 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;
 }