update padding for buttons

AbhineetJain · AbhineetJain · commit 0d5e026cf2d0 · 2022-06-02T00:32:25.000Z
diff --git a/site/src/components/ConfirmDialog/ConfirmDialog.tsx b/site/src/components/ConfirmDialog/ConfirmDialog.tsx
@@ -51,6 +51,9 @@ const useStyles = makeStyles((theme) => ({
       background: props.type === "info" ? theme.palette.primary.main : theme.palette.background.paper,
       border: `1px solid ${theme.palette.divider}`,
     },
+    "& .MuiDialogActions-spacing": {
+      padding: `0 ${theme.spacing(3.75)}px ${theme.spacing(3.75)}px`,
+    },
   }),
   dialogContent: (props: StyleProps) => ({
     color: props.type === "info" ? theme.palette.primary.contrastText : theme.palette.text.secondary,
diff --git a/site/src/components/Dialog/Dialog.tsx b/site/src/components/Dialog/Dialog.tsx
@@ -148,7 +148,7 @@ const useButtonStyles = makeStyles((theme) => ({
     borderRadius: theme.shape.borderRadius,
     fontSize: theme.typography.h6.fontSize,
     fontWeight: theme.typography.h5.fontWeight,
-    padding: theme.spacing(2.25),
+    padding: `${theme.spacing(0.75)}px ${theme.spacing(2)}px`,
     width: "100%",
     boxShadow: "none",
   },
