fix: position: fixed being broken

broken css feature is broken.
I want position: fixed to explod

src/app.css

@@ -13,18 +13,19 @@ html {
     padding: 0;
     font-size: 100%;
     box-sizing: border-box;
-    overflow-y: scroll;
 }
 
 body {
     margin: 0;
     padding: 0;
     background-color: var(--bg-color);
+    overflow: hidden;
 }
 
 html,
 body {
-    max-width: 100vw;
+    width: 100vw;
+    overflow: auto;
 }
 
 .wrapper {

src/lib/components/molecules/NavHost.svelte

@@ -70,15 +70,21 @@
 </nav>
 
 <style>
+  nav {
+    position: fixed;
+    width: 100vw;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
   .navbar {
 	  padding: 0 1rem 0 2rem;
-	  top: 0;
-	  position: fixed;
+
 	  display: flex;
 	  align-items: center;
 	  justify-content: space-between;
 	  min-height: 70px;
-	  width: 100vw;
+	  width: 100%;
 	  z-index: 999;
 	  background-color: var(--grey-six);
 	  backdrop-filter: blur(15px);

src/routes/+layout.svelte

@@ -35,7 +35,7 @@
 {#if $show_loading_animation}
 	<Spinner />
 {:else}
-	<slot />
+  <slot />
 {/if}
 <!--
      afn if you are moving the footer here, please make it not use the repositories store directly and instead use component props :) -->