diff --git a/app/screens/forgot_password/index.tsx b/app/screens/forgot_password/index.tsx
index 2b6e95236a..b27dbb693b 100644
--- a/app/screens/forgot_password/index.tsx
+++ b/app/screens/forgot_password/index.tsx
@@ -54,7 +54,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
         marginTop: 20,
     },
     header: {
-        color: theme.mentionColor,
+        color: theme.centerChannelColor,
         marginBottom: 12,
         ...typography('Heading', 1000, 'SemiBold'),
     },
@@ -84,7 +84,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
         textAlign: 'center',
     },
     successTitle: {
-        color: theme.mentionColor,
+        color: theme.centerChannelColor,
         marginBottom: 12,
         ...typography('Heading', 1000),
     },
diff --git a/app/screens/login/index.tsx b/app/screens/login/index.tsx
index 6e1e70777a..70ddde7237 100644
--- a/app/screens/login/index.tsx
+++ b/app/screens/login/index.tsx
@@ -57,7 +57,7 @@ const getStyles = makeStyleSheetFromTheme((theme: Theme) => ({
         flex: 1,
     },
     header: {
-        color: theme.mentionColor,
+        color: theme.centerChannelColor,
         marginBottom: 12,
         ...typography('Heading', 1000, 'SemiBold'),
     },
diff --git a/app/screens/mfa/index.tsx b/app/screens/mfa/index.tsx
index 91781076db..f59aa3f6e5 100644
--- a/app/screens/mfa/index.tsx
+++ b/app/screens/mfa/index.tsx
@@ -61,7 +61,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
         marginTop: 20,
     },
     header: {
-        color: theme.mentionColor,
+        color: theme.centerChannelColor,
         marginBottom: 12,
         ...typography('Heading', 1000, 'SemiBold'),
     },
diff --git a/app/screens/sso/sso_with_redirect_url.tsx b/app/screens/sso/sso_with_redirect_url.tsx
index 7458363b9e..2238e48222 100644
--- a/app/screens/sso/sso_with_redirect_url.tsx
+++ b/app/screens/sso/sso_with_redirect_url.tsx
@@ -51,7 +51,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
             ...typography('Body', 100, 'Regular'),
         },
         infoTitle: {
-            color: theme.mentionColor,
+            color: theme.centerChannelColor,
             marginBottom: 4,
             ...typography('Heading', 700),
         },