diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index 1d437cdaf..743092f3f 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -63,7 +63,7 @@ li.nav-item {
   box-shadow: 0px 0px 15px 0px #000;
   flex-direction: row;
   left: 0;
-  justify-content: center;
+  justify-content: space-between;
   position: fixed;
   width: 100%;
   @media (min-width: 992px) {
@@ -81,6 +81,11 @@ li.nav-item {
       font-size: 1em;
     }
   }
+
+  li {
+    flex-grow: 1; /* Allows items to grow */
+    text-align: center; /* For text alignment */
+  }
 }