diff --git a/src/layout/Navbar/NavButton.svelte b/src/layout/Navbar/NavButton.svelte
index 8aa305b..9a038f8 100644
--- a/src/layout/Navbar/NavButton.svelte
+++ b/src/layout/Navbar/NavButton.svelte
@@ -80,7 +80,7 @@
 		color: var(--accent-color);
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 996px) {
 		li {
 			padding: 0.75rem 1.25rem;
 			text-align: left;
diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte
index a476343..ea7f7ed 100644
--- a/src/layout/Navbar/NavHost.svelte
+++ b/src/layout/Navbar/NavHost.svelte
@@ -228,7 +228,7 @@
 		justify-content: space-between;
 	}
 
-	@media (min-width: 996px) {
+	@media (min-width: 997px) {
 		.nav-wrapper {
 			align-items: center;
 		}