From 615bcfc6e37b36bb5d0196f4a9575c86c6e7ae84 Mon Sep 17 00:00:00 2001
From: Filip Wachowiak <wachowiakf@gmail.com>
Date: Wed, 29 Mar 2023 18:25:38 +0200
Subject: [PATCH] Add negative margin on VisuallyHidden on both sides (#4177)

---
 packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx   | 2 +-
 packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx b/packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx
index 81afeb10528..ae35d8098db 100644
--- a/packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx
+++ b/packages/@react-aria/live-announcer/src/LiveAnnouncer.tsx
@@ -71,7 +71,7 @@ class LiveAnnouncer {
       clip: 'rect(0 0 0 0)',
       clipPath: 'inset(50%)',
       height: '1px',
-      margin: '0 -1px -1px 0',
+      margin: '-1px',
       overflow: 'hidden',
       padding: 0,
       position: 'absolute',
diff --git a/packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx b/packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx
index 7a023bddd2e..840f1af1f2e 100644
--- a/packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx
+++ b/packages/@react-aria/visually-hidden/src/VisuallyHidden.tsx
@@ -33,12 +33,12 @@ const styles: CSSProperties = {
   border: 0,
   clip: 'rect(0 0 0 0)',
   clipPath: 'inset(50%)',
-  height: 1,
-  margin: '0 -1px -1px 0',
+  height: '1px',
+  margin: '-1px',
   overflow: 'hidden',
   padding: 0,
   position: 'absolute',
-  width: 1,
+  width: '1px',
   whiteSpace: 'nowrap'
 };