show private key dialog styling

src/components/ShowPKDialog.tsx

@@ -61,7 +61,7 @@ const ShowPKDialog = () => {
                   style={styles.dataBoxData}
                   sx={{
                     wordWrap: "break-word",
-                    whiteSpace: "initial",
+                    whiteSpace: "initial"
                   }}
                 >
                   {privateKey}
@@ -70,8 +70,7 @@ const ShowPKDialog = () => {
             )}
             <View>
               <Typography variant="body1" style={styles.dialogWarning}>
-                <Typography component="span">Warning: </Typography>
+                Warning: Never disclose this key. Anyone with your private keys can steal
-                Never disclose this key. Anyone with your private keys can steal
                 any assets held in your account.
               </Typography>
             </View>
@@ -83,7 +82,7 @@ const ShowPKDialog = () => {
                 <Button style={{...styles.buttonBlue, ...styles.button}} onClick={hideShowPKDialog}>No</Button>
               </>
             ) : (
-              <Button onClick={hideShowPKDialog}>Ok</Button>
+              <Button style={{...styles.buttonBlue, ...styles.button}} onClick={hideShowPKDialog}>Ok</Button>
             )}
           </DialogActions>
         </Dialog>

src/styles/stylesheet.js

@@ -281,6 +281,8 @@ const styles = StyleSheet.create({
   },
   dataBoxContainer: {
     marginBottom: 10,
+    backgroundColor: '#29292E',
+    border: 'none'
   },
   dataBoxLabel: {
     fontSize: 18,
@@ -296,7 +298,7 @@ const styles = StyleSheet.create({
   },
   dataBoxData: {
     fontSize: 16,
-    color: 'black',
+    color: 'white',
   },
   transactionText: {
     padding: 8,