replace Dialog.tsx changes

src/components/Dialog.tsx

@@ -25,28 +25,20 @@ const DialogComponent = ({
 
   return (
     <Dialog open={visible} onClose={hideDialog}>
-      <DialogTitle>Mnemonic</DialogTitle>
-      <DialogContent>
-        <Typography
-          variant="h6"
-          component="div"
-          style={{ color: "rgba(0, 0, 0, 0.87)" }}
-        >
-          Your mnemonic provides full access to your wallet and funds. Make sure
-          to note it down.
+      <DialogTitle style={{...styles.mnemonicTitle}}>Mnemonic</DialogTitle>
+      <DialogContent style={{...styles.mnemonicContainer}}>
+        <Typography component="div">
+          Your mnemonic provides full access to your wallet and funds.<br/>
+          Make sure to note it down.
         </Typography>
-        <Typography
-          variant="h6"
-          component="div"
-          style={{ ...styles.dialogWarning }}
-        >
+        <Typography component="div" style={{ ...styles.mnomonicDialogWarning }}>
           Do not share your mnemonic with anyone
         </Typography>
         <GridView words={words} />
       </DialogContent>
-      <DialogActions>
-        <Button onClick={copyMnemonic}>Copy</Button>
-        <Button onClick={hideDialog}>Done</Button>
+      <DialogActions style={{...styles.mnemonicButtonRow}}>
+        <Button style={{...styles.mnemonicButton}} onClick={copyMnemonic}>Copy</Button>
+        <Button style={{...styles.mnemonicButton}} onClick={hideDialog}>Done</Button>
       </DialogActions>
     </Dialog>
   );