chore: removes unnecessary width and height from body, content and surface

bsunderhus · bsunderhus · commit bded5d085f10 · 2023-03-30T08:45:03.000Z
diff --git a/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts b/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts
@@ -25,8 +25,6 @@ const useStyles = makeStyles({
     '&::backdrop': {
       backgroundColor: 'rgba(0, 0, 0, 0.4)',
     },
-    width: `100%`,
-    height: 'fit-content',
     maxHeight: `calc(100vh - 2 * ${SURFACE_PADDING})`,
     boxSizing: 'border-box',
     gridTemplateRows: 'auto 1fr auto',
diff --git a/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts b/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts
@@ -13,7 +13,6 @@ export const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {
  */
 const useStyles = makeStyles({
   root: {
-    width: '100%',
     overflowY: 'auto',
     minHeight: '32px',
     boxSizing: 'border-box',
diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts
@@ -34,7 +34,6 @@ const useStyles = makeStyles({
       backgroundColor: 'rgba(0, 0, 0, 0.4)',
     },
     position: 'fixed',
-    width: '100%',
     height: 'fit-content',
     maxWidth: '600px',
     maxHeight: '100vh',
