From da3e4534d04947e06b8ed28f5bdebebec96616c2 Mon Sep 17 00:00:00 2001
From: Monkey <robotmonkeybrain@gmail.com>
Date: Fri, 9 Aug 2024 15:20:09 -0400
Subject: [PATCH] show private key dialog styling

---
 src/components/ShowPKDialog.tsx | 7 +++----
 src/styles/stylesheet.js        | 4 +++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/ShowPKDialog.tsx b/src/components/ShowPKDialog.tsx
index 9c14b27..733613b 100644
--- a/src/components/ShowPKDialog.tsx
+++ b/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>
-                Never disclose this key. Anyone with your private keys can steal
+                Warning: 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>
diff --git a/src/styles/stylesheet.js b/src/styles/stylesheet.js
index d99634f..13cc1cd 100644
--- a/src/styles/stylesheet.js
+++ b/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,