diff --git a/@theme/styles.css b/@theme/styles.css
index 775202460c..c81bc83d37 100644
--- a/@theme/styles.css
+++ b/@theme/styles.css
@@ -380,6 +380,23 @@ button[role="tab"].active {
   line-height: var(--md-table-line-height);
 }
 
+@media screen and (max-width: 959.9px) {
+  [data-component-name="Layout/PageLayout"] {
+    flex-direction: column-reverse;
+  }
+  [data-component-name="Sidebar/Sidebar"] {
+    display: block;
+    position: static;
+    height: auto;
+  }
+  #content {
+    width: auto;
+  }
+  [data-component-name="Menu/MenuContainer"] {
+    overscroll-behavior: auto;
+  }
+}
+
 @media screen and (min-width: 990px) {
   [data-component-name="LanguagePicker/LanguagePicker"] {
     display: block;