diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 0c743da4..1f82f0e2 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -10,7 +10,6 @@
       "Courier New", monospace;
     --spacing: 0.25rem;
     --container-2xs: 18rem;
-    --container-xs: 20rem;
     --container-md: 28rem;
     --container-xl: 36rem;
     --container-3xl: 48rem;
@@ -971,6 +970,9 @@
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
   }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
   .mb-5 {
     margin-bottom: calc(var(--spacing) * 5);
   }
@@ -3006,16 +3008,16 @@
       margin-inline: auto;
     }
   }
+  .lg\:ms-auto {
+    @media (width >= 1024px) {
+      margin-inline-start: auto;
+    }
+  }
   .lg\:mt-0 {
     @media (width >= 1024px) {
       margin-top: calc(var(--spacing) * 0);
     }
   }
-  .lg\:ml-auto {
-    @media (width >= 1024px) {
-      margin-left: auto;
-    }
-  }
   .lg\:block {
     @media (width >= 1024px) {
       display: block;
@@ -3066,11 +3068,6 @@
       max-width: none;
     }
   }
-  .lg\:max-w-xs {
-    @media (width >= 1024px) {
-      max-width: var(--container-xs);
-    }
-  }
   .lg\:grid-flow-col-dense {
     @media (width >= 1024px) {
       grid-auto-flow: column dense;
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 4070343f..f2fa8d63 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -43,10 +43,10 @@
   {{/* Description (markdown content) */}}
   {{ $tocMargin := cond $showToc "mt-12" "mt-0" }}
   {{ $topClass := cond (hasPrefix site.Params.header.layout "fixed") "lg:top-[140px]" "lg:top-10" }}
-  <section class="{{ $tocMargin }} prose flex max-w-full flex-col dark:prose-invert lg:flex-row">
+  <section class="{{ $tocMargin }} prose flex max-w-full flex-col dark:prose-invert lg:flex-row mb-10">
     {{ if $showToc }}
-      <div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
-        <div class="toc ps-5 lg:sticky {{ $topClass }}">
+      <div class="order-first lg:ms-auto px-0 lg:order-last lg:ps-8 lg:max-w-2xs">
+        <div class="toc ps-5 print:hidden lg:sticky {{ $topClass }}">
           {{ partial "toc.html" . }}
         </div>
       </div>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 6a77b0f1..375b10f9 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -36,11 +36,9 @@
       {{ $showToc := and $enableToc (in .TableOfContents "<ul") }}
       {{ $topClass := cond (hasPrefix site.Params.header.layout "fixed") "lg:top-[140px]" "lg:top-10" }}
       {{ if $showToc }}
-        <div class="order-first lg:ml-auto px-0 lg:order-last lg:ps-8 lg:max-w-2xs">
+        <div class="order-first lg:ms-auto px-0 lg:order-last lg:ps-8 lg:max-w-2xs">
           <div class="toc ps-5 print:hidden lg:sticky {{ $topClass }}">
-            {{ if $showToc }}
-              {{ partial "toc.html" . }}
-            {{ end }}
+            {{ partial "toc.html" . }}
           </div>
         </div>
       {{ end }}