diff --git a/cms/static/sass/elements/_navigation.scss b/cms/static/sass/elements/_navigation.scss
index 84cc7d9e03..97ff8b8aac 100644
--- a/cms/static/sass/elements/_navigation.scss
+++ b/cms/static/sass/elements/_navigation.scss
@@ -218,6 +218,15 @@ nav {
       }
     }
 
+    .hyperlink {
+      color: $gray-d2;
+
+      &:hover,
+      &:active {
+        color: theme-color("primary");
+      }
+    }
+
     .spacer {
       margin-right: 20px;
       margin-left: 20px;
diff --git a/cms/templates/textbooks.html b/cms/templates/textbooks.html
index 87eccd8b43..f8cc80e46f 100644
--- a/cms/templates/textbooks.html
+++ b/cms/templates/textbooks.html
@@ -54,7 +54,7 @@ CMS.URL.LMS_BASE = "${settings.LMS_BASE | n, js_escaped_string}"
                   <span class="spacer"> &rsaquo;</span>
               </li>
               <li class="nav-item">
-                <a class="title" href="${pages_and_resources_mfe_url}" rel="external">${_("Pages & Resources")}</a>
+                <a class="hyperlink" href="${pages_and_resources_mfe_url}" rel="external">${_("Pages & Resources")}</a>
                 <span class="spacer"> &rsaquo;</span>
               </li>
           </ol>