From 21c9fab2d0adf98942dbebedd1b019c55639cb7e Mon Sep 17 00:00:00 2001
From: Eoin Falconer <eoin.falc@gmail.com>
Date: Wed, 18 Dec 2024 13:40:16 +0100
Subject: [PATCH] fix: tooltip position in announcements popup (#8092)

---
 .../StudioAnnouncementsDialog.tsx             | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/packages/sanity/src/core/studio/studioAnnouncements/StudioAnnouncementsDialog.tsx b/packages/sanity/src/core/studio/studioAnnouncements/StudioAnnouncementsDialog.tsx
index db4da472a72..9ae088476bc 100644
--- a/packages/sanity/src/core/studio/studioAnnouncements/StudioAnnouncementsDialog.tsx
+++ b/packages/sanity/src/core/studio/studioAnnouncements/StudioAnnouncementsDialog.tsx
@@ -36,12 +36,13 @@ const DialogHeader = styled(Grid)`
   background: var(--card-bg-color);
 `
 
-const FloatingButton = styled(Button)`
+const FloatingButtonBox = styled(Box)`
   position: absolute;
   top: 12px;
   right: 24px;
   z-index: 2;
 `
+const FloatingButton = styled(Button)``
 
 interface AnnouncementProps {
   announcement: StudioAnnouncementDocument
@@ -193,15 +194,17 @@ export function StudioAnnouncementsDialog({
             {index < announcements.length - 1 && <Divider parentRef={dialogRef} />}
           </Fragment>
         ))}
-        <FloatingButton
-          aria-label={t('announcement.dialog.close-label')}
-          icon={CloseIcon}
-          mode="bleed"
-          onClick={onClose}
-          tooltipProps={{
-            content: t('announcement.dialog.close'),
-          }}
-        />
+        <FloatingButtonBox>
+          <FloatingButton
+            aria-label={t('announcement.dialog.close-label')}
+            icon={CloseIcon}
+            mode="bleed"
+            onClick={onClose}
+            tooltipProps={{
+              content: t('announcement.dialog.close'),
+            }}
+          />
+        </FloatingButtonBox>
       </Root>
     </Dialog>
   )