feat(tabs): active tab style order fix

carbon-design-system · Sep 23, 2024 · c3b2425 · c3b2425
1 parent 9c59ea1
commit c3b2425
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/packages/styles/scss/components/tabs/_tabs.scss b/packages/styles/scss/components/tabs/_tabs.scss
@@ -138,13 +138,13 @@
         @include focus-outline('outline');
       }
 
-      &:active {
-        background-color: $background-active;
-      }
-
       &:hover {
         background-color: $background-hover;
       }
+
+      &:active {
+        background-color: $background-active;
+      }
     }
 
     .#{$prefix}--tab--overflow-nav-button--hidden {
@@ -156,13 +156,13 @@
       background-color: $layer-accent;
       inline-size: $spacing-09;
 
-      &:active {
-        background-color: $layer-accent-active;
-      }
-
       &:hover {
         background-color: $layer-accent-hover;
       }
+
+      &:active {
+        background-color: $layer-accent-active;
+      }
     }
 
     .#{$prefix}--tab--overflow-nav-button svg {