From dd8aa5cde3815661516217f97c18af96a2fa8340 Mon Sep 17 00:00:00 2001 From: Tamas Kovacs Date: Fri, 26 Jun 2026 12:49:03 +0200 Subject: [PATCH] fix(ui-side-nav-bar): show focus ring on selected item INSTUI-5078 --- .../ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts b/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts index f49293c5a3..3aafa97dce 100644 --- a/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts +++ b/packages/ui-side-nav-bar/src/SideNavBar/v2/SideNavBarItem/styles.ts @@ -70,7 +70,7 @@ const generateStyle = ( }, '&:focus': { backgroundColor: componentTheme.selectedBackgroundColor, - boxShadow: `${componentTheme.selectedOuterFocusOutlineColor}, ${componentTheme.selectedInnerFocusOutlineColor}`, + boxShadow: `inset 0 0 0 0.125rem ${componentTheme.selectedOuterFocusOutlineColor}, inset 0 0 0 0.25rem ${componentTheme.selectedInnerFocusOutlineColor}`, outline: 'none' } }