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'
             }
           }