From 81b621195e9ba4ba6544ec340640e0a049f50368 Mon Sep 17 00:00:00 2001
From: Kristin Aoki <42981026+KristinAoki@users.noreply.github.com>
Date: Tue, 25 Mar 2025 13:03:29 -0400
Subject: [PATCH] fix: button hover background color (#1653)

This PR updates the hover background for the top navigation buttons that are shown when the left side navigation is enabled. The hover background is updated to match the hover background of other existing IconButton components, see DiscussionNotificationTrigger.jsx, on the page.
---
 .../course/sequence/sequence-navigation/generic/NextButton.jsx | 3 +--
 .../sequence/sequence-navigation/generic/PreviousButton.jsx    | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/courseware/course/sequence/sequence-navigation/generic/NextButton.jsx b/src/courseware/course/sequence/sequence-navigation/generic/NextButton.jsx
index b9f00da3..47b18f0e 100644
--- a/src/courseware/course/sequence/sequence-navigation/generic/NextButton.jsx
+++ b/src/courseware/course/sequence/sequence-navigation/generic/NextButton.jsx
@@ -47,8 +47,7 @@ const NextButton = ({
   if (isAtTop) {
     return (
       <IconButton
-        variant="light"
-        className={buttonStyle}
+        className={`${buttonStyle} icon-hover`}
         onClick={onClick}
         src={nextArrow}
         disabled={disabled}
diff --git a/src/courseware/course/sequence/sequence-navigation/generic/PreviousButton.jsx b/src/courseware/course/sequence/sequence-navigation/generic/PreviousButton.jsx
index 924cc3cd..1a2d25a3 100644
--- a/src/courseware/course/sequence/sequence-navigation/generic/PreviousButton.jsx
+++ b/src/courseware/course/sequence/sequence-navigation/generic/PreviousButton.jsx
@@ -40,8 +40,7 @@ const PreviousButton = ({
   if (isAtTop) {
     return (
       <IconButton
-        variant="light"
-        className={buttonStyle}
+        className={`${buttonStyle} icon-hover`}
         onClick={onClickHandler}
         src={prevArrow}
         disabled={disabled}