fix(guided-steps): Fix overflow for step (#68661)

this pr fixes a bug with GuidedSteps where the content of the step could
overflow

Author: roggenkemper

static/app/components/guidedSteps/guidedSteps.tsx

@@ -120,15 +120,15 @@ function Step(props: StepProps) {
   return (
     <StepWrapper data-test-id={`guided-step-${stepNumber}`}>
       <StepNumber isActive={isActive}>{stepNumber}</StepNumber>
-      <div>
+      <StepDetails>
         <StepHeading isActive={isActive}>
           {props.title}
           {isCompleted && <StepDoneIcon isActive={isActive} size="sm" />}
         </StepHeading>
         {isActive && (
           <ChildrenWrapper isActive={isActive}>{props.children}</ChildrenWrapper>
         )}
-      </div>
+      </StepDetails>
     </StepWrapper>
   );
 }
@@ -251,6 +251,10 @@ const ChildrenWrapper = styled('div')<{isActive: boolean}>`
   }
 `;
 
+const StepDetails = styled('div')`
+  overflow: hidden;
+`;
+
 GuidedSteps.Step = Step;
 GuidedSteps.BackButton = BackButton;
 GuidedSteps.NextButton = NextButton;