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}