diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index e86efd36..2687b757 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3415,7 +3415,9 @@ button, [role="button"] {
   margin-top: calc(var(--spacing) * 3);
 }
 #TableOfContents {
-  max-width: 25vw;
+  @media (width >= 1024px) {
+    max-width: 25vw;
+  }
 }
 #TOCView {
   max-height: calc(100vh - 150px);
diff --git a/assets/css/main.css b/assets/css/main.css
index 5aae4ade..cd7b0626 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -65,7 +65,7 @@ button,
 
 /* Table of Contents */
 #TableOfContents {
-  max-width: 25vw;
+  @apply lg:max-w-[25vw];
 }
 
 #TOCView {