diff --git a/assets/scss/academic/_nav.scss b/assets/scss/academic/_nav.scss
index 62a67a2834b..e34831fe71e 100644
--- a/assets/scss/academic/_nav.scss
+++ b/assets/scss/academic/_nav.scss
@@ -49,9 +49,17 @@
         color: $sta-menu-text;
       }
 
+      &:hover,
+      &:focus {
+        text-decoration: underline;
+        text-underline-offset: 3px;
+      }
+
       &.active {
         font-weight: bold !important;
         color: $sta-menu-text-active !important;
+        text-decoration: underline;
+        text-underline-offset: 3px;
       }
     }
   }
@@ -212,6 +220,14 @@ ul.nav-icons li.nav-item a.nav-link {
 .dropdown-item {
   background-color: $sta-menu-primary !important;
   color: $sta-menu-text !important;
+
+  &:hover,
+  &:focus {
+    background-color: rgba(255, 255, 255, 0.12) !important;
+    color: $sta-menu-text !important;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
 }
 
 /******************************************************************************
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 96ae3c59461..473c7a93351 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -1,4 +1,13 @@
 // add your own SCSS styling.
+
+/* -------------------------------------------------- */
+/* Navbar accessibility & readability  fonts          */
+/* -------------------------------------------------- */
+
+.navbar-light {
+  font-family: "Inter", "Open Sans", "Lexend", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; 
+}
+
 .border-3 {
   border-width: 3px !important;
 }
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 598c196d23e..6bb3dbdab26 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -48,7 +48,7 @@
       $align_menu "r" }}justify-content-end{{else}}justify-content-start{{ end }}" id="navbar-content">
 
       <!-- Left Nav Bar -->
-      <ul class="navbar-nav d-md-inline-flex font-weight-bold text-uppercase">
+      <ul class="navbar-nav d-md-inline-flex font-weight-bold">
         {{ range site.Menus.main }}
 
         {{ if .HasChildren }}