From 9d84e4ab7ba4f9a467a0e02fa59fc407f7f9bf7b Mon Sep 17 00:00:00 2001
From: Michael Sun <55160142+MichaelSun48@users.noreply.github.com>
Date: Wed, 28 Aug 2024 10:15:57 -0700
Subject: [PATCH] fix(custom-views): Remove hover effect when tab is selected
 (#76650)

Removes the increased opacity effect on hover for selected tabs
---
 static/app/components/tabs/tab.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/static/app/components/tabs/tab.tsx b/static/app/components/tabs/tab.tsx
index 6770bd609577d2..64f932a6a17ada 100644
--- 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>