Wizard component style improvements

- Removed invalid width on steps title - Removed horizontal scrolling in wizard panel Signed-off-by: Benjamin Perez <[email protected]>
minio · Oct 24, 2023 · 42bd2c9 · 42bd2c9
1 parent 6432ab8
commit 42bd2c9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Wizard/Wizard.tsx b/src/components/Wizard/Wizard.tsx
@@ -49,7 +49,6 @@ const WizardMain = styled.div<WizardConstruct>(({ theme, sx, forModal }) => ({
       margin: "10px 12px",
       "&.stepsModalTitle": {
         textAlign: "center",
-        width: "100%",
       },
     },
     "& .buttonList": {

diff --git a/src/components/Wizard/WizardPage.tsx b/src/components/Wizard/WizardPage.tsx
@@ -36,10 +36,12 @@ const WizardPageMain = styled.div<WizardConstruct>(({ theme }) => ({
   },
   "& .wizardModal": {
     overflowY: "auto",
+    overflowX: "hidden",
     margin: "10px 0",
     minHeight: 350,
     maxHeight: "calc(100vh - 515px)",
     padding: "15px",
+    position: "relative"
   },
   "& .buttonsContainer": {
     display: "flex",