diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
index 45ba016..d4648c4 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
@@ -4,6 +4,13 @@
     src: url('../fonts/Scottsdale-Italic.ttf') format('truetype');
 }
 
+.sticky {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1000; /* Adjust as needed */
+}
+
 #navigation-bar-container {
     background-color: hsl(0, 98%, 40%);
     box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
@@ -12,13 +19,6 @@
     display: flex;
 }
 
-.sticky {
-    position: fixed;
-    top: 0;
-    width: 100%;
-    z-index: 1000; /* Adjust as needed */
-}
-
 #logo {
     color: white;
     text-decoration: none;
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
index 9be4ec2..0f5a921 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
@@ -12,7 +12,7 @@
       <div id="line"></div>
     </div>
     <div class="collapse navbar-collapse" id="navbarToggler">
-      <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
+      <ul class="navbar-nav mr-auto mt-2 mt-lg-0" id="navbar-list">
 
         <li class="nav-item">
           <a class="nav-link" href="#">Premier League</a>
@@ -40,9 +40,11 @@
 
       </ul>
     </div>
+
     <div id="user" class="d-sm-flex">
       <img src="img/navigation-bar/user.png" alt="Your Image" class="img-fluid">
     </div>
+
   </div>
 </nav>