diff --git a/fclauncher/frontend/src/App.svelte b/fclauncher/frontend/src/App.svelte
index 7290bfb..360865b 100644
--- a/fclauncher/frontend/src/App.svelte
+++ b/fclauncher/frontend/src/App.svelte
@@ -19,10 +19,10 @@
 			r = document.getElementById('wrapper');
 		})
 		function setMargin(){
-			document.documentElement.style.setProperty('--navMargin', '17rem');
+			r.style.setProperty('--navMargin', '17rem');
 		}
 		function unsetMargin(){
-			document.documentElement.style.setProperty('--navMargin', '5rem');
+			r.style.setProperty('--navMargin', '5rem');
 		}
 
 		function initialColor() {
@@ -70,12 +70,13 @@
 		--text-secondary: #ececec;
 		--bg-secondary: #2c2c33;
 		--bg-primary: #141418;
-		--navMargin: 5rem;
+		
 		background-color: var(--bg-secondary);
 		
 	}
 	#wrapper{
 		--accent-color: purple;
+		--navMargin: 5rem;
 	}
 	.navbar{
 		z-index: 5;
diff --git a/fclauncher/frontend/src/Navbar.svelte b/fclauncher/frontend/src/Navbar.svelte
index 9e58c41..2fcb506 100644
--- a/fclauncher/frontend/src/Navbar.svelte
+++ b/fclauncher/frontend/src/Navbar.svelte
@@ -91,11 +91,12 @@ function unextend(){
         margin: 0;
         display: flex;
         flex-direction: column;
-        align-items: center;
         height: 100%;
     }
     .nav-item{
         width: 100%;
+        display: flex;
+        white-space: nowrap;
     }
     .nav-item:last-child{
         margin-top: auto;
@@ -120,13 +121,16 @@ function unextend(){
         fill: var(--text-primary);
         transition: 300ms;
         text-decoration: none;
+        width: 17rem;
     }
     .nav-icon{
         width: 3rem;
         margin: 0 1rem;
+        white-space: nowrap;
+        align-self: left;
     }
     .nav-link:hover{
-        fill: purple;
+        fill:var(--accent-color);
         background-color: var(--bg-secondary);
         
     }
@@ -150,14 +154,14 @@ function unextend(){
     }
     .navbar:hover .logo svg {
         transform: rotate(-180deg);
-        fill: purple;
+        fill:var(--accent-color);
     }
     .logo .link-text{
         color: var(--text-secondary);
         transition: 300ms;
     }
     .navbar:hover .logo .link-text{
-        color:purple;
+        color:var(--accent-color);
         transition: 300ms;
     }
 </style>
\ No newline at end of file