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;