diff --git a/src/lib/css/carousel.css b/src/lib/css/carousel.css
index 6a4902d..c90b649 100644
--- a/src/lib/css/carousel.css
+++ b/src/lib/css/carousel.css
@@ -18,7 +18,7 @@
     box-shadow: #00000040 0px 8px 18px -1px;
     transition: all .1s ease 0s;
     background-color: var(--color-background);
-    z-index: 2;
+    z-index: var(--z-index-normal);
     margin-right: 1rem;
     margin-top: 2rem;
     margin-bottom: 2rem;
diff --git a/src/lib/css/cover-img.css b/src/lib/css/cover-img.css
index cbcc486..8b0e64e 100644
--- a/src/lib/css/cover-img.css
+++ b/src/lib/css/cover-img.css
@@ -21,7 +21,7 @@
 .cover-img-text {
     grid-area: overlay;
     padding: 4rem;
-    z-index: 1;
+    z-index: var(--z-index-normal);
     max-width: 50rem;
 }
 
diff --git a/src/lib/css/navbar.css b/src/lib/css/navbar.css
index 48f96a6..f8f0f78 100644
--- a/src/lib/css/navbar.css
+++ b/src/lib/css/navbar.css
@@ -12,7 +12,7 @@ nav {
     height: var(--navbar-height);
     width: 100%;
     position: fixed;
-    z-index: 5;
+    z-index: var(--z-index-navbar);
     transition: var(--transition);
     padding-top: 0.5rem;
 }
@@ -59,7 +59,7 @@ a {
 
 .navbar-content {
     grid-area: overlay;
-    z-index: 1;
+    z-index: var(--z-index-normal);
     width: inherit;
     display: flex;
 }
diff --git a/src/lib/css/search.css b/src/lib/css/search.css
index c6933b4..95cbf67 100644
--- a/src/lib/css/search.css
+++ b/src/lib/css/search.css
@@ -40,7 +40,7 @@
     box-shadow: var(--shadow);
     border-radius: 1rem;
     position: absolute !important;
-    z-index: 1;
+    z-index: var(--z-index-normal);
     transform: translateX(-1rem);
     display: none;
     opacity: 0;