@applica-software-guru/react-admin 1.5.283 → 1.5.284

package/package.json

@@ -106,5 +106,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.283"
+  "version": "1.5.284"
 }

package/src/components/ra-forms/WizardForm/Content.tsx

@@ -1,5 +1,5 @@
 import { Children, ReactElement, ReactNode, isValidElement, useMemo } from 'react';
-import { Box, Button, Divider, Grid } from '@mui/material';
+import { Box, Button, Divider, Grid, useTheme } from '@mui/material';
 import { MainCard } from '@/components/MainCard';
 import { Toolbar } from './Toolbar';
 import { useTranslate } from 'react-admin';
@@ -23,6 +23,7 @@ interface ContentProps {
 function Content({ title, subheader, secondary, toolbar, progress, isSmall, modal, sx, setCurrentStep }: ContentProps) {
   const { currentStep, steps } = useWizardFormContext();
   const translate = useTranslate();
+  const theme = useTheme();
   const isHorizontal = isSmall || modal;
 
   const cancelButton = useMemo(() => {
@@ -72,7 +73,18 @@ function Content({ title, subheader, secondary, toolbar, progress, isSmall, moda
           divider
         >
           <Box>{steps[currentStep]}</Box>
-          {toolbar && !cancelButton ? toolbar : <Toolbar cancelButton={cancelButton} />}
+          <Box
+            sx={{
+              '& .MuiToolbar-root': {
+                paddingLeft: 0,
+                paddingRight: 0,
+                paddingBottom: 0,
+                paddingTop: theme.spacing(2)
+              }
+            }}
+          >
+            {toolbar && !cancelButton ? toolbar : <Toolbar cancelButton={cancelButton} />}
+          </Box>
         </MainCard>
       </Grid>
     </Grid>

package/src/components/ra-forms/WizardForm/Form.tsx

@@ -21,13 +21,7 @@ const StyledForm = styled(RaForm, {
     ? {
         paddingBottom: `${theme.spacing(2.5)}`
       }
-    : {},
-  '& .MuiToolbar-root': {
-    paddingLeft: '0 !important',
-    paddingRight: '0 !important',
-    paddingBottom: '0 !important',
-    paddingTop: `${theme.spacing(2)} !important`
-  }
+    : {}
 }));
 
 /**