From 81e815119eea0a264e6d1a2d5c1b70daff10a138 Mon Sep 17 00:00:00 2001
From: im3dabasia <eshaan.dabasiya@rtcamp.com>
Date: Mon, 24 Feb 2025 13:07:05 +0530
Subject: [PATCH] fix: Add consistency in button and item button component

---
 packages/components/src/item-group/styles.ts | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/item-group/styles.ts b/packages/components/src/item-group/styles.ts
index a2d73c8dcfc592..b76d9041bec4e1 100644
--- a/packages/components/src/item-group/styles.ts
+++ b/packages/components/src/item-group/styles.ts
@@ -28,17 +28,11 @@ export const unstyledButton = ( as: 'a' | 'button' ) => {
 			color: ${ COLORS.theme.accent };
 		}
 
-		&:focus {
-			box-shadow: none;
-			outline: none;
-		}
-
-		&:focus-visible {
+		&:focus:not( :disabled ) {
 			box-shadow: 0 0 0 var( --wp-admin-border-width-focus )
 				${ COLORS.theme.accent };
-			// Windows high contrast mode.
-			outline: 2px solid transparent;
-			outline-offset: 0;
+			// Windows High Contrast mode will show this outline, but not the box-shadow.
+			outline: 3px solid transparent;
 		}
 	`;
 };