From ae8b7d2a95982b58db95dbdd2f09a73dd9539e9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sofia=20Sj=C3=B6blad?= <ssjoblad@spotify.com>
Date: Fri, 10 Oct 2025 13:44:15 +0200
Subject: [PATCH] fix a11y and remove outline on dialog
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Sofia Sjöblad <ssjoblad@spotify.com>
---
 packages/ui/src/components/Dialog/Dialog.styles.css | 1 +
 packages/ui/src/components/Dialog/Dialog.tsx        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/Dialog/Dialog.styles.css b/packages/ui/src/components/Dialog/Dialog.styles.css
index bc000ce218..5e7cd7afc9 100644
--- a/packages/ui/src/components/Dialog/Dialog.styles.css
+++ b/packages/ui/src/components/Dialog/Dialog.styles.css
@@ -34,6 +34,7 @@
   max-width: calc(100vw - 3rem);
   display: flex;
   flex-direction: column;
+  outline: none;
 }
 
 /* Dialog entering animation */
diff --git a/packages/ui/src/components/Dialog/Dialog.tsx b/packages/ui/src/components/Dialog/Dialog.tsx
index fbf14dab98..40c6a5c277 100644
--- a/packages/ui/src/components/Dialog/Dialog.tsx
+++ b/packages/ui/src/components/Dialog/Dialog.tsx
@@ -53,7 +53,7 @@ export const DialogHeader = forwardRef<
       <Heading slot="title" className={classNames.headerTitle}>
         {children}
       </Heading>
-      <Button variant="tertiary" slot="close">
+      <Button name="close" aria-label="Close" variant="tertiary" slot="close">
         <RiCloseLine />
       </Button>
     </Flex>