diff --git a/packages/freesewing.dev/components/layouts/docs.js b/packages/freesewing.dev/components/layouts/docs.js
index 0c5955274a3..285e5a3c124 100644
--- a/packages/freesewing.dev/components/layouts/docs.js
+++ b/packages/freesewing.dev/components/layouts/docs.js
@@ -60,7 +60,7 @@ const DefaultLayout = ({ app, title=false, children=[] }) => {
   return (
     <div className="m-auto flex flex-row justify-center">
       <Aside app={app} slug={slug} />
-      <section className="py-28 md:py-36 max-w-2/3">
+      <section className="py-28 md:py-36">
         <div>
           {title && (
             <div className="px-8 xl:pl-8 2xl:pl-16">
diff --git a/packages/freesewing.shared/components/navigation/aside.js b/packages/freesewing.shared/components/navigation/aside.js
index 0221960f8f6..e7d5b3d6ca2 100644
--- a/packages/freesewing.shared/components/navigation/aside.js
+++ b/packages/freesewing.shared/components/navigation/aside.js
@@ -10,11 +10,11 @@ const Aside = ({ app, slug, mobileOnly=false }) => (
     md:flex md:sticky md:flex-row-reverse
     md:relative md:transform-none
     px-8 py-24
-
-    md:w-40
-    lg:w-1/2 lg:min-w-80 lg:pr-2 lg:border-r-2
-    xl:w-1/3 xl:min-w-80 xl:pr-2 xl:border-0
-    2xl:min-w-96 2xl:pr-8
+    shrink-0
+    md:w-24 md:px-2 md:justify-center
+    lg:w-max lg:pr-2 lg:border-r-2
+    xl:w-max xl:border-0
+    2xl:pr-8
     ${mobileOnly ? 'block md:hidden' : ''}
   `}>
     <PrimaryNavigation app={app} active={slug}/>
diff --git a/packages/freesewing.shared/components/wrappers/toc.js b/packages/freesewing.shared/components/wrappers/toc.js
index 2da98ba1f5e..aa950c3e0c9 100644
--- a/packages/freesewing.shared/components/wrappers/toc.js
+++ b/packages/freesewing.shared/components/wrappers/toc.js
@@ -29,6 +29,7 @@ const TocWrapper = ({toc, app}) => {
     <div className={`
       mdx mdx-toc text-base-content text-lg lg:text-xl
       sticky top-8 max-h-screen overflow-y-auto
+      max-w-prose
       md:border-l-4 md:pl-4 md:mb-8 md:border-base-200
     `}
     >