fix: fix compose bottom nav style (#6313)

DimensionDev · May 19, 2022 · 83a6130 · 83a6130
1 parent 6ea16e7
commit 83a6130
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/mask/src/components/CompositionDialog/CompositionUI.tsx b/packages/mask/src/components/CompositionDialog/CompositionUI.tsx
@@ -39,6 +39,8 @@ const useStyles = makeStyles()((theme) => ({
         position: 'absolute',
         bottom: 0,
         width: '100%',
+        left: '50%',
+        transform: 'translateX(-50%)',
         display: 'flex',
         padding: '14px 16px',
         boxSizing: 'border-box',
@@ -47,7 +49,6 @@ const useStyles = makeStyles()((theme) => ({
         alignItems: 'center',
         background: theme.palette.background.paper,
         boxShadow: `0px 0px 20px 0px ${theme.palette.background.messageShadow}`,
-        transform: 'translateX(-16px)',
     },
     between: {
         justifyContent: 'space-between',