From 48c9134fac2cb25532dc365fb6d6179d5fa3efd0 Mon Sep 17 00:00:00 2001
From: Leander Rodrigues <leander.rodrigues@sentry.io>
Date: Tue, 25 Feb 2025 17:20:47 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Remove=20div?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/app/components/tours/styles.tsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/static/app/components/tours/styles.tsx b/static/app/components/tours/styles.tsx
index 3fb244e1ea7296..bd581500aaf35e 100644
--- a/static/app/components/tours/styles.tsx
+++ b/static/app/components/tours/styles.tsx
@@ -55,15 +55,13 @@ export function TourElement<T extends TourEnumType>({
             <div>
               {currentStepIndex + 1}/{orderedStepIds.length}
             </div>
-            <div>
-              <TourCloseButton
-                onClick={() => dispatch({type: 'END_TOUR'})}
-                icon={<IconClose style={{color: theme.inverted.textColor}} />}
-                aria-label={t('Close')}
-                borderless
-                size="sm"
-              />
-            </div>
+            <TourCloseButton
+              onClick={() => dispatch({type: 'END_TOUR'})}
+              icon={<IconClose style={{color: theme.inverted.textColor}} />}
+              aria-label={t('Close')}
+              borderless
+              size="sm"
+            />
           </TopRow>
           <TitleRow>{step.title}</TitleRow>
           <DescriptionRow>{step.description}</DescriptionRow>
@@ -107,7 +105,7 @@ const BlurWindow = styled('div')`
 
 const TourWrapper = styled('div')`
   position: relative;
-  z-index: ${p => p.theme.zIndex.tooltip};
+  z-index: ${p => p.theme.zIndex.toast};
   &:after {
     content: '';
     position: absolute;
@@ -129,6 +127,7 @@ const TourContent = styled('div')`
 `;
 
 const TourCloseButton = styled(Button)`
+  display: block;
   padding: 0;
   height: 14px;
   min-height: 14px;