diff --git a/apps/site/src/pages/writings/[...slug].astro b/apps/site/src/pages/writings/[...slug].astro
index 42475d6..ea0c366 100644
--- a/apps/site/src/pages/writings/[...slug].astro
+++ b/apps/site/src/pages/writings/[...slug].astro
@@ -138,7 +138,11 @@ const tocHeadings = headings.filter((h) => h.depth <= 3);
 
   @media (min-width: 74rem) {
     .article-layout {
-      grid-template-columns: minmax(0, 42rem) 16rem;
+      grid-template-columns: 16rem minmax(0, 42rem);
+    }
+
+    .article-main {
+      order: 2;
     }
 
     .toc-inline {
@@ -147,6 +151,7 @@ const tocHeadings = headings.filter((h) => h.depth <= 3);
 
     .toc-sidebar {
       display: block;
+      order: 1;
       position: sticky;
       top: var(--space-6);
       max-height: calc(100vh - var(--space-7));
diff --git a/apps/site/src/styles/global.css b/apps/site/src/styles/global.css
index 260a1b3..eb47e66 100644
--- a/apps/site/src/styles/global.css
+++ b/apps/site/src/styles/global.css
@@ -185,8 +185,8 @@ pre {
 
 .toc-sidebar {
   padding-top: var(--space-1);
-  border-left: 1px solid var(--border);
-  padding-left: var(--space-4);
+  border-right: 1px solid var(--border);
+  padding-right: var(--space-4);
 }
 
 .eyebrow {