diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss b/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss
index aad874fe04..b36e691fcb 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss
@@ -33,6 +33,13 @@
   --navbar-subdued-hover-bg: var(--white);
   --navbar-subdued-hover-color: var(--green-50);
 
+  // Properties of "primary" items
+  --navbar-primary-color: var(--white);
+  --navbar-primary-border-color: var(--green-50);
+  --navbar-primary-bg: var(--green-50);
+  --navbar-primary-hover-bg: var(--green-60);
+  --navbar-primary-hover-border-color: var(--navbar-primary-hover-bg);
+
   // Links
   --navbar-link-color: var(--white);
   --navbar-link-border-color: var(--navbar-link-color);
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss b/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss
index 20e873772d..a89ed2bcfb 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss
@@ -84,6 +84,19 @@
           background-color: var(--navbar-subdued-hover-bg);
         }
       }
+
+      &.primary > .nav-link {
+        color: var(--navbar-primary-color);
+        background-color: var(--navbar-primary-bg);
+        border-color: var(--navbar-primary-border-color);
+
+        &.show,
+        &:hover,
+        &:focus {
+          background-color: var(--navbar-primary-hover-bg);
+          border-color: var(--navbar-primary-hover-border-color);
+        }
+      }
     }
   }