diff --git a/native/components/primary-button.react.js b/native/components/primary-button.react.js
--- a/native/components/primary-button.react.js
+++ b/native/components/primary-button.react.js
@@ -45,6 +45,8 @@
       return [styles.buttonText, styles.invisibleLoadingText];
     } else if (variant === 'danger') {
       return [styles.buttonText, styles.dangerButtonText];
+    } else if (variant === 'outline') {
+      return [styles.buttonText, styles.outlineButtonText];
     }
     return styles.buttonText;
   }, [
@@ -53,6 +55,7 @@
     styles.disabledButtonText,
     styles.invisibleLoadingText,
     styles.dangerButtonText,
+    styles.outlineButtonText,
   ]);
 
   const colors = useColors();
@@ -95,7 +98,7 @@
   },
   buttonText: {
     fontSize: 18,
-    color: 'panelForegroundLabel',
+    color: 'whiteText',
     textAlign: 'center',
     padding: 12,
   },
@@ -121,6 +124,9 @@
   dangerButtonText: {
     color: 'redText',
   },
+  outlineButtonText: {
+    color: 'panelForegroundLabel',
+  },
   spinner: {
     position: 'absolute',
     width: '100%',