diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index cfced31c..1ce4d3a9 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav class="relative w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4 sticky top-0">
+    <nav class="fixed top-0 left-0 w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4 bg-dark-4">
         <div class="flex flex-1 justify-start">
             <router-link class="flex items-center text-3xl font-bold font-sans" :to="homePagePath"
                 ><img