From fe10d09554aeaee839b89c3dcb8e7c560cb167a6 Mon Sep 17 00:00:00 2001 From: Tamas Kovacs Date: Fri, 24 Jul 2026 10:27:12 +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' } }