about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--src/view/com/modals/AddAppPasswords.tsx16
1 files changed, 10 insertions, 6 deletions
diff --git a/src/view/com/modals/AddAppPasswords.tsx b/src/view/com/modals/AddAppPasswords.tsx
index 1d2f80ff0..89ae81f5e 100644
--- a/src/view/com/modals/AddAppPasswords.tsx
+++ b/src/view/com/modals/AddAppPasswords.tsx
@@ -90,14 +90,16 @@ export function Component({}: {}) {
     <View style={[styles.container, pal.view]} testID="addAppPasswordsModal">
       <View>
         {!appPassword ? (
-          <Text type="lg">
+          <Text type="lg" style={[pal.text]}>
             Please enter a unique name for this App Password. We have generated
             a random name for you.
           </Text>
         ) : (
-          <Text type="lg">
-            <Text type="lg-bold">Here is your app password.</Text> Use this to
-            sign into the other app along with your handle.
+          <Text type="lg" style={[pal.text]}>
+            <Text type="lg-bold" style={[pal.text]}>
+              Here is your app password.
+            </Text>{' '}
+            Use this to sign into the other app along with your handle.
           </Text>
         )}
         {!appPassword ? (
@@ -126,7 +128,9 @@ export function Component({}: {}) {
           <TouchableOpacity
             style={[pal.border, styles.passwordContainer, pal.btn]}
             onPress={onCopy}>
-            <Text type="2xl-bold">{appPassword}</Text>
+            <Text type="2xl-bold" style={[pal.text]}>
+              {appPassword}
+            </Text>
             {wasCopied ? (
               <Text style={[pal.textLight]}>Copied</Text>
             ) : (
@@ -162,7 +166,7 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     paddingBottom: isDesktopWeb ? 0 : 50,
-    marginHorizontal: 16,
+    paddingHorizontal: 16,
   },
   textInputWrapper: {
     borderRadius: 8,