diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index aa53b76a..ba949244 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -16,7 +16,7 @@
   const logout = () => {};
 </script>
 
-<div class="bg-bg-black w-[126px] min-w-[126px] h-screen flex flex-col justify-center items-center">
+<div class="bg-bg-black w-[126px] min-w-[126px] h-screen flex flex-col justify-center items-center fixed">
   <img alt="iconLogo" src={iconLogo} class="w-[57px] absolute top-7 left-6" />
   <div class="flex flex-col w-[100%]">
     {#each navItems as navItem}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index d2cd3a8b..22966c9d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,7 +8,7 @@
   <img alt="The project logo" src={wave} class="fixed w-[100%] top-0 right-0 z-[-1]" />
   <div class="flex">
     <Nav />
-    <div class="m-6 w-[100%]">
+    <div class="m-6 w-[100%] pl-[126px]">
       <Header />
       <slot class="z-10" />
     </div>