diff --git a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
index e69de29..7839128 100644
--- a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
@@ -0,0 +1,3 @@
+#navigation-bar-container {
+    background-color: #ca0202;
+}
\ No newline at end of file
diff --git a/ProjectSourceCode/src/views/partials/head.hbs b/ProjectSourceCode/src/views/partials/head.hbs
index 9fef895..26fc735 100644
--- a/ProjectSourceCode/src/views/partials/head.hbs
+++ b/ProjectSourceCode/src/views/partials/head.hbs
@@ -6,6 +6,9 @@
   <link rel="stylesheet" type="text/css" href="css/login_and_registration.css">
   <link rel="stylesheet" type="text/css" href="css/home-screen.css">
 
+  <!-- Navigation Bar Stylesheets -->
+  <link rel="stylesheet" type="text/css" href="css/navigation-bar/navigation-bar.css">
+
     <!-- Scoreboard Header Stylesheets -->
     <link rel="stylesheet" type="text/css" href="css/navigation-bar/scoreboard-header/scoreboard.css">
     <link rel="stylesheet" type="text/css" href="css/navigation-bar/scoreboard-header/game-card.css">
diff --git a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
index d306ea7..adcdefc 100644
--- a/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
+++ b/ProjectSourceCode/src/views/partials/navigation-bar/nav.hbs
@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: #ca0202;">
+<nav class="navbar navbar-expand-lg navbar-dark" id="navigation-bar-container">
 
   <div class="container-fluid"> <!-- Added container-fluid for full-width -->