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;
     }
 `;