Wrap text in pk dialog box

src/components/ShowPKDialog.tsx

@@ -50,12 +50,7 @@ const ShowPKDialog = () => {
         </TouchableOpacity>
       </View>
       <View>
-      <Dialog
+        <Dialog open={showPKDialog} onClose={hideShowPKDialog}>
-        open={showPKDialog}
-        onClose={hideShowPKDialog}
-        PaperProps={{
-          style: { maxWidth: '40%' }
-        }}>
           <DialogTitle>
             {!privateKey ? (
               <Typography>Show Private Key?</Typography>
@@ -70,6 +65,10 @@ const ShowPKDialog = () => {
                   component="pre"
                   variant="body1"
                   style={styles.dataBoxData}
+                  sx={{
+                    wordWrap: 'break-word',
+                    whiteSpace: 'initial',
+                  }}
                 >
                   {privateKey}
                 </Typography>

src/utils/constants.ts

@@ -8,7 +8,7 @@ export const DEFAULT_NETWORKS = [
     chainId: 'laconic_9000-1',
     networkName: 'laconicd',
     namespace: COSMOS,
-    rpcUrl: process.env.REACT_APP_LACONICD_RPC_URL,
+    rpcUrl: process.env.REACT_APP_LACONICD_RPC_URL!,
     blockExplorerUrl: '',
     nativeDenom: 'photon',
     addressPrefix: 'laconic',