diff --git a/src/layout/Navbar/NavHost.svelte b/src/layout/Navbar/NavHost.svelte
index ab95131d..c6a85486 100644
--- a/src/layout/Navbar/NavHost.svelte
+++ b/src/layout/Navbar/NavHost.svelte
@@ -202,7 +202,7 @@
 	}
 
 	#nav-container {
-		z-index: 1;
+		z-index: 5;
 		top: 0;
 		position: sticky;
 		width: 100%;
@@ -246,7 +246,7 @@
 		width: 100%;
 		height: 100%;
 		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 88;
+		z-index: 3;
 	}
 
 	.nav-wrapper {
@@ -288,7 +288,7 @@
 			left: 0;
 			height: 100%;
 			background-color: var(--surface-eight);
-			z-index: 100;
+			z-index: 4;
 		}
 
 		.nav-wrapper {
@@ -317,7 +317,7 @@
 		}
 
 		#secondary-navigation {
-			z-index: 100;
+			z-index: 4;
 			padding: 16px;
 		}
 	}
@@ -334,7 +334,7 @@
 		position: relative;
 		display: flex;
 		height: 50px;
-		z-index: 999;
+		z-index: 6;
 		justify-content: center;
 		align-items: center;
 		cursor: pointer;
@@ -383,7 +383,7 @@
 		border-radius: 100px;
 		text-decoration: none;
 		background-color: var(--primary);
-		z-index: 10;
+		z-index: 2;
 		color: var(--text-three);
 		font-weight: 600;
 		font-size: 0.95rem;
diff --git a/src/lib/components/Dialogue.svelte b/src/lib/components/Dialogue.svelte
index 9ca87af3..d7c1a453 100644
--- a/src/lib/components/Dialogue.svelte
+++ b/src/lib/components/Dialogue.svelte
@@ -80,7 +80,7 @@
 		width: 100%;
 		height: 100%;
 		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 999;
+		z-index: 6;
 	}
 
 	.top {
@@ -129,7 +129,7 @@
 		display: flex;
 		flex-direction: column;
 		gap: 2px;
-		z-index: 1001;
+		z-index: 7;
 		padding: 32px;
 		box-shadow:
 			0px 4px 5px 0px rgba(0, 0, 0, 0.14),
diff --git a/src/lib/components/Snackbar.svelte b/src/lib/components/Snackbar.svelte
index 6bb5eb5e..73f08d29 100644
--- a/src/lib/components/Snackbar.svelte
+++ b/src/lib/components/Snackbar.svelte
@@ -42,7 +42,7 @@
 		position: fixed;
 		margin-left: 2.25rem;
 		margin-right: 2.25rem;
-		z-index: 9999;
+		z-index: 8;
 		left: 0;
 		right: 0;
 		bottom: 2rem;