Align buttons in SignMessage modal

safe-global · Jun 22, 2023 · af3bf94 · af3bf94
1 parent e1227c9
commit af3bf94
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/components/tx-flow/flows/SignMessage/SignMessage.tsx b/src/components/tx-flow/flows/SignMessage/SignMessage.tsx
@@ -254,11 +254,14 @@ const SignMessage = ({ onClose, message, safeAppId, requestId }: ProposeProps |
 
       <TxCard>
         <CardActions>
-          {/* TODO: Remove this Cancel button once we can figure out how to move the logic outside */}
-          <Button onClick={handleClose}>Cancel</Button>
-          <Button variant="contained" color="primary" onClick={onSign} disabled={isDisabled}>
-            Sign
-          </Button>
+          <Box display="flex" justifyContent="space-between" width="100%">
+            {/* TODO: Remove this Cancel button once we can figure out how to move the logic outside */}
+            <Button onClick={handleClose}>Cancel</Button>
+
+            <Button variant="contained" color="primary" onClick={onSign} disabled={isDisabled}>
+              Sign
+            </Button>
+          </Box>
         </CardActions>
         <ConfirmationDialog open={showCloseTooltip} onCancel={() => setShowCloseTooltip(false)} onClose={onClose} />
       </TxCard>