diff --git a/src/layout/index.astro b/src/layout/index.astro
index 89b7e26..77b6078 100644
--- a/src/layout/index.astro
+++ b/src/layout/index.astro
@@ -25,13 +25,13 @@ import ThemeToggle from "../components/ThemeToggle.tsx";
   </head>
   <body class="bg-white dark:bg-[#0f131b] h-full w-screen">
     <div
-      class="w-24 absolute top-0 left-5 h-full flex flex-col items-center p-2 text-white"
+      class="w-32 absolute top-0 left-2.5 h-full flex flex-col items-center p-2 text-white"
     >
-      <a href="/" class="bg-[#28465e] p-2 rounded mt-2">
-        <img src="/Arrow transparent.svg" class="W-12 h-12" />
+      <a href="/" class="bg-[#28465e] p-2 rounded mt-10">
+        <img src="/Arrow transparent.svg" class="W-12 h-12" alt="site logo" />
       </a>
       <div
-        class="flex h-1/3 justify-between gap-2 flex-col mt-12 font-semibold text-lg uppercase"
+        class="flex h-1/3 justify-between gap-2 flex-col mt-6 font-semibold text-lg uppercase"
       >
         <a
           href="/briefing"
@@ -152,11 +152,11 @@ import ThemeToggle from "../components/ThemeToggle.tsx";
       </a>
     </div>
     <div
-      class="w-[calc(100%-10.5rem)] h-full absolute top-0 left-[10.5rem] -mr-32"
+      class="w-[calc(100%-9.125rem)] h-screen absolute top-0 left-[9.125rem] -mr-32 bg-gradient-to-tr from-slate-100 via-slate-200 to-slate-300 dark:bg-gradient-to-tr dark:from-slate-800 dark:via-slate-700 dark:to-slate-800"
     >
       <slot />
     </div>
-    <divnp class="absolute right-10 bottom-10">
+    <divnp class="absolute right-2 bottom-2">
       <ThemeToggle client:visible />
     </divnp>
   </body>
