diff --git a/website/src/components/quickstartTOC/styles.module.css b/website/src/components/quickstartTOC/styles.module.css
index 1979f2d4c04..4c5de9f14b8 100644
--- a/website/src/components/quickstartTOC/styles.module.css
+++ b/website/src/components/quickstartTOC/styles.module.css
@@ -81,9 +81,9 @@ html[data-theme="dark"] .tocList .active span {
     text-align: center;
 }
 
-.buttonContainer a:hover {
+.stepWrapper .buttonContainer a {
     background: var(--color-light-teal);
-    color: var(--color-white)
+    color: var(--color-white) !important;
 }
 
 .buttonContainer .prevButton {
@@ -106,7 +106,7 @@ html[data-theme="dark"] .tocList .active span {
 
 .stepWrapper[data-step="1"] .nextButton {
     background: var(--color-light-teal);
-    color: var(--color-white)
+    color: var(--color-white) !important;
 }
 
 .stepWrapper.hidden {