fixing overlay on logout modal

app/mobile/src/session/profile/Profile.styled.js

@@ -157,6 +157,7 @@ export const styles = StyleSheet.create({
     fontSize: 16,
     color: Colors.text,
     fontFamily: 'roboto',
+    paddingRight: 8,
   },
   track: {
     false: Colors.idleFill,

app/mobile/src/utils/Prompt.jsx

@@ -40,7 +40,9 @@ export function Prompt() {
         supportedOrientations={['portrait', 'landscape']}
         onRequestClose={display.actions.hidePrompt}
       >
-        <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
+        <View style={styles.modalOverlay}>
+          <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black" />
+          <View style={styles.modalBase}>
             <View style={styles.modalContainer}>
               <Text style={styles.modalHeader}>{ display.state.prompt?.title }</Text>
               <View style={styles.modalButtons}>
@@ -61,7 +63,8 @@ export function Prompt() {
                 )}
               </View>
             </View>
-        </BlurView>
+          </View>
+        </View>
       </Modal>
 
       <Modal

app/mobile/src/utils/Prompt.styled.js

@@ -3,11 +3,18 @@ import { Colors } from 'constants/Colors';
 
 export const styles = StyleSheet.create({
   modalOverlay: {
+    width: '100%',
+    height: '100%',
+  },
+  modalBase: {
     display: 'flex',
     width: '100%',
     height: '100%',
     alignItems: 'center',
     justifyContent: 'center',
+    position: 'absolute',
+    top: 0,
+    left: 0,
   },
   modalContainer: {
     backgroundColor: Colors.modalBase,