Add outline offset to the focus-visible indicator

2024-09-19 16:56:09 +05:30
parent 341ef58970
commit cef85ddd9f
1 changed files with 1 additions and 0 deletions
--- 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;
    }
 `;