diff --git a/common/color_definitions.scss b/common/color_definitions.scss
index c4ee69e..769cf3e 100644
--- a/common/color_definitions.scss
+++ b/common/color_definitions.scss
@@ -48,6 +48,7 @@ $--gray00: mix($header_background, $header_primary, 0%);
   --gray75: #{mix($header_background, $header_primary, 80%)};
   --gray65: #{mix($header_background, $header_primary, 67%)};
   --gray45: #{mix($header_background, $header_primary, 50%)}; 
+  --gray10: #{$gray10};
   --gray05: #{mix($header_background, $header_primary, 7%)};
   --gray00: #{$--gray00};
 
diff --git a/common/common.scss b/common/common.scss
index f8116bc..dba1ca1 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -366,6 +366,12 @@ a.curriculum-nav {
   justify-content: center;
 }
 
+a.curriculum-nav:hover,
+a.curriculum-nav:focus {
+  color: var(--gray90);
+  background-color: var(--gray10);
+}
+
 .navigation-container {
   align-items: center;
 }