diff --git a/app/components/NavBar/NavBar.module.css b/app/components/NavBar/NavBar.module.css
index 9cb3b8d..b803b83 100644
--- a/app/components/NavBar/NavBar.module.css
+++ b/app/components/NavBar/NavBar.module.css
@@ -13,6 +13,13 @@
 	display: none !important;
 }
 
+.login {
+	display: flex;
+	height: 100%;
+	justify-content: center	;
+	align-items: center;
+}
+
 .navItemsWrapper {
 	display: flex;
 	align-items: center;
diff --git a/app/components/NavBar/NavBar.tsx b/app/components/NavBar/NavBar.tsx
index 379413a..1cb5429 100644
--- a/app/components/NavBar/NavBar.tsx
+++ b/app/components/NavBar/NavBar.tsx
@@ -100,8 +100,9 @@ export default function NavBar({}: // isOpen = false,
 					/>
 				))}
 			</div>
-
-			<LoginBtn />
+			<div className={styles.login}>
+				<LoginBtn />
+			</div>
 		</nav>
 	);
 }