diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index 2bbdda778..307f8d650 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -78,6 +78,10 @@
   box-shadow: inset 0 0 0 2px var(--sn-stylekit-info-color);
 }
 
+.focus\:bg-contrast:focus {
+  @extend .bg-contrast;
+}
+
 .hover\:color-text:hover {
   @extend .color-text;
 }
@@ -86,7 +90,6 @@
   @extend .color-text;
 }
 
-
 .focus\:inner-ring-info:focus {
   @extend .inner-ring-info;
 }
@@ -158,8 +161,8 @@
   @extend .color-neutral;
   @extend .hover\:color-text;
   @extend .focus\:color-text;
-  @extend .hover\:bg-highlight;
-  @extend .focus\:bg-highlight;
+  @extend .hover\:bg-contrast;
+  @extend .focus\:bg-contrast;
   @extend .focus\:outline-none;
   @extend .focus\:ring-info;
 }