From 6a876a4c50cc34d9dbbf08aef107140c8b37a129 Mon Sep 17 00:00:00 2001
From: billy <Billy@mask.io>
Date: Tue, 12 Jul 2022 19:07:22 +0800
Subject: [PATCH] fix: add padding to dialog content

---
 .../mask/src/components/CompositionDialog/Composition.tsx    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/mask/src/components/CompositionDialog/Composition.tsx b/packages/mask/src/components/CompositionDialog/Composition.tsx
index 9098d7c87131..1dabce46e0c6 100644
--- a/packages/mask/src/components/CompositionDialog/Composition.tsx
+++ b/packages/mask/src/components/CompositionDialog/Composition.tsx
@@ -26,6 +26,9 @@ const useStyles = makeStyles()({
     hideDialogRoot: {
         visibility: 'hidden',
     },
+    dialogContent: {
+        padding: '20px 24px',
+    },
 })
 export interface PostDialogProps {
     type?: 'popup' | 'timeline'
@@ -114,7 +117,7 @@ export function Composition({ type = 'timeline', requireClipboardPermission }: P
                 open={open}
                 onClose={onClose}
                 title={t('post_dialog__title')}>
-                <DialogContent>
+                <DialogContent classes={{ root: classes.dialogContent }}>
                     <CompositionDialogUI
                         version={version}
                         setVersion={setVersion}