fix(custom-views): Remove hover effect when tab is selected (#76650)

Removes the increased opacity effect on hover for selected tabs
getsentry · Aug 28, 2024 · 9d84e4a · 9d84e4a
1 parent 6e56152
commit 9d84e4a
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/static/app/components/tabs/tab.tsx b/static/app/components/tabs/tab.tsx
@@ -100,7 +100,9 @@ export const BaseTab = forwardRef(
           borderStyle={borderStyle}
           ref={ref}
         >
-          <VariantStyledInteractionStateLayer hasSelectedBackground={false} />
+          {!isSelected && (
+            <VariantStyledInteractionStateLayer hasSelectedBackground={false} />
+          )}
           <FilledFocusLayer />
           {props.children}
         </FilledTabWrap>