diff --git a/apps/docs/src/components/theme-toggle.tsx b/apps/docs/src/components/theme-toggle.tsx
index 99c0566e..373616d8 100644
--- a/apps/docs/src/components/theme-toggle.tsx
+++ b/apps/docs/src/components/theme-toggle.tsx
@@ -85,9 +85,9 @@ export function ThemeToggle() {
   });
 
   const toggleTheme = () => {
-    const t = theme === "light" ? "dark" : "light";
-    localStorage.setItem("theme", t);
-    setTheme(t);
+    const newTheme = theme === "light" ? "dark" : "light";
+    localStorage.setItem("theme", newTheme);
+    setTheme(newTheme);
   };
 
   const mounted = useMounted();
diff --git a/apps/docs/src/layouts/auth-layout.astro b/apps/docs/src/layouts/auth-layout.astro
deleted file mode 100644
index 82dcfa6b..00000000
--- a/apps/docs/src/layouts/auth-layout.astro
+++ /dev/null
@@ -1,56 +0,0 @@
----
-import { siteConfig } from "@/config/site";
-import { Icon } from "astro-icon/components";
-import BaseLayout from "./base-layout.astro";
-import { ThemeToggle } from "@/components/theme-toggle";
-
-type Props = {
-  title: string;
-  description: string;
-};
-
-const { title, description } = Astro.props;
----
-
-<BaseLayout title={title} description={description}>
-  <div
-    class="container relative flex min-h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0"
-  >
-    <div class="absolute right-4 top-4 md:right-8 md:top-8">
-      <slot name="right-corner" />
-    </div>
-
-    <div class="absolute bottom-4 right-8 md:bottom-8 md:right-12">
-      <ThemeToggle client:idle />
-    </div>
-
-    <div
-      class="bg-muted relative hidden h-full flex-col p-10 text-white lg:flex dark:border-r"
-    >
-      <div class="bg-foreground dark:bg-background/50 absolute inset-0"></div>
-      <div class="relative z-20 flex items-center text-lg font-medium">
-        <a href="/" class="hidden items-center space-x-2 md:flex">
-          <Icon name="stars-outline" class="size-8" />
-          <span class="hidden font-bold sm:inline-block">
-            {siteConfig.name}
-          </span>
-        </a>
-      </div>
-
-      <div class="relative z-20 mt-auto">
-        <blockquote class="space-y-2">
-          <p class="text-lg">
-            &ldquo;This library has saved me countless hours of work and helped
-            me deliver stunning designs to my clients faster than ever
-            before.&rdquo;
-          </p>
-          <footer class="text-sm">Sofia Davis</footer>
-        </blockquote>
-      </div>
-    </div>
-
-    <div class="md:p-8">
-      <slot />
-    </div>
-  </div>
-</BaseLayout>
diff --git a/apps/docs/src/layouts/main-layout.astro b/apps/docs/src/layouts/main-layout.astro
index 2d56aa75..92fba46e 100644
--- a/apps/docs/src/layouts/main-layout.astro
+++ b/apps/docs/src/layouts/main-layout.astro
@@ -44,7 +44,9 @@ const { title, description, mainClass } = Astro.props;
       >
         <Icon name="github" class="size-[22px]" />
       </a>
-      <ThemeToggle client:load />
+      <div class="min-w-[22px]">
+        <ThemeToggle client:load />
+      </div>
     </div>
   </Header>