From cef85ddd9f207a51453377e0f46e0abb85b389e0 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 19 Sep 2024 16:56:09 +0530
Subject: [PATCH] Add outline offset to the focus-visible indicator

---
 web/packages/new/photos/components/FocusVisibleButton.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web/packages/new/photos/components/FocusVisibleButton.tsx b/web/packages/new/photos/components/FocusVisibleButton.tsx
index b5ceb7a320..1e49e53272 100644
--- a/web/packages/new/photos/components/FocusVisibleButton.tsx
+++ b/web/packages/new/photos/components/FocusVisibleButton.tsx
@@ -12,5 +12,6 @@ export const RippleDisabledButton: React.FC<ButtonProps> = (props) => (
 export const FocusVisibleButton = styled(RippleDisabledButton)`
     &.Mui-focusVisible {
         outline: 1px solid ${(props) => props.theme.colors.stroke.base};
+        outline-offset: 2px;
     }
 `;