diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 1c05d5b..850b93f 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -25,8 +25,8 @@ const disabilityPrideGreen = "#3bb07d";
         align-items: center;
         flex-wrap: wrap;
         gap: 0.75rem;
-        height: 6vh;
-        width: 80vw;
+        height: 10vh;
+        width: 100vw;
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;
         border-top: 10px solid;
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 2ecfdac..77d149a 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -41,8 +41,8 @@ const biPrideBlue =  "#0038a8";
         align-items: center;
         flex-wrap: wrap;
         gap: 0.75rem;
-        height: 6vh;
-        width: 80vw;
+        height: 10vh;
+        width: 100vw;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom: 10px solid;
@@ -55,7 +55,7 @@ const biPrideBlue =  "#0038a8";
             var(--biPrideBlue) 66%
         );
         font-size: 1.4rem;
-        margin-top: 0.43rem;
+        margin-bottom: 0.5rem;
     }
 
     .logo {
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index 7bdfc06..f4ba5fe 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -37,16 +37,17 @@ const transPrideWhite = "#ffffff";
         background-color: var(--backgroundColor);
         grid-row: 2/3;
         grid-column: 1/2;
-        justify-self: end;
-        align-self: end;
         width: 20vw;
-        height: 85vh;
+        height: 70vh;
         font-family: system-ui;
         letter-spacing: 0.05rem;
+        position: sticky;
+        top: 0;
+        justify-self: end;
         padding-top: 0.75rem;
         padding-left: 1.5rem;
-        padding-bottom: 0.5rem;
-        border-right: 10px solid;
+        border-radius: 25px;
+        /* border-right: 10px solid;
         border-image-slice: 1;
         border-width: 5px;
         border-image-source: linear-gradient(
@@ -56,11 +57,11 @@ const transPrideWhite = "#ffffff";
             var(--transPrideWhite) 40% 60%,
             var(--transPridePink) 60% 80%,
             var(--transPrideBlue) 80%
-        );
+        ); */
     }
 
     nav ul li {
-        padding-bottom: 0.5rem;
+        padding-bottom: 0.33rem;
     }
 
     nav ul li a {
diff --git a/src/styles/global.css b/src/styles/global.css
index 11761d4..abbf517 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -20,20 +20,19 @@
 
 html {
   font-size: 16px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--scroll-gutter) var(--scroll-bar);
 }
 
 body {
-  height: 100vh;
-  width: auto;
   background-color: var(--body-background-color);
   background-image: url("/sakura.webp");
   display: grid;
-  grid-template-columns: 20vw 60vw;
-  grid-template-rows: 6vh 85vh 6vh;
-  justify-content: center;
-  align-items: end;
-  align-content: center;
-  overflow: hidden;
+  grid-template-columns: 25vw 75vw;
+  grid-template-rows: 10vh 100vh 10vh;
+  row-gap: 5vh;
+  column-gap: 2vw;
+
   color: var(--text-color);
 }
 
@@ -52,18 +51,15 @@ details {
 
 main {
   background-color: var(--background-color);
-  height: 85vh;
+  border-radius: 25px;
+  height: auto;
   width: 60vw;
   padding-left: 2.5rem;
   padding-bottom: 0.5rem;
   font-family: system-ui;
   letter-spacing: 0.05rem;
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--scroll-gutter) var(--scroll-bar);
   grid-column: 2/3;
   grid-row: 2/3;
-  align-self: end;
   padding-top: 0.5rem;
 }