From f59397e63f482b4613b0349f2d2b330228a6eaf8 Mon Sep 17 00:00:00 2001
From: Awais Ansari <79941147+awais-ansari@users.noreply.github.com>
Date: Thu, 9 Sep 2021 15:11:15 +0500
Subject: [PATCH] fix: update hover state for textbooks breadcrumbs (#28690)

---
 cms/static/sass/elements/_navigation.scss | 9 +++++++++
 cms/templates/textbooks.html              | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

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>