diff --git a/src/pages/workspace/WorkspaceInvitePage.js b/src/pages/workspace/WorkspaceInvitePage.js
index 6dabe8a95b94..e0c3d972f485 100644
--- a/src/pages/workspace/WorkspaceInvitePage.js
+++ b/src/pages/workspace/WorkspaceInvitePage.js
@@ -1,6 +1,8 @@
import React from 'react';
import PropTypes from 'prop-types';
-import {View, ScrollView} from 'react-native';
+import {
+ View, ScrollView, Pressable, Linking,
+} from 'react-native';
import {withOnyx} from 'react-native-onyx';
import Str from 'expensify-common/lib/str';
import _ from 'underscore';
@@ -15,13 +17,16 @@ import Button from '../../components/Button';
import compose from '../../libs/compose';
import ONYXKEYS from '../../ONYXKEYS';
import {invite} from '../../libs/actions/Policy';
-import TextLink from '../../components/TextLink';
import Growl from '../../libs/Growl';
import ExpensiTextInput from '../../components/ExpensiTextInput';
import FixedFooter from '../../components/FixedFooter';
import KeyboardAvoidingView from '../../components/KeyboardAvoidingView';
import {isSystemUser} from '../../libs/userUtils';
import {addSMSDomainIfPhoneNumber} from '../../libs/OptionsListUtils';
+import Icon from '../../components/Icon';
+import {NewWindow} from '../../components/Icon/Expensicons';
+import variables from '../../styles/variables';
+import CONST from '../../CONST';
const propTypes = {
...withLocalizePropTypes,
@@ -147,9 +152,37 @@ class WorkspaceInvitePage extends React.Component {
placeholder={this.getWelcomeNotePlaceholder()}
onChangeText={text => this.setState({welcomeNote: text})}
/>
-
- {this.props.translate('common.privacy')}
-
+
+ {
+ e.preventDefault();
+ Linking.openURL(CONST.PRIVACY_URL);
+ }}
+ accessibilityRole="link"
+ href={CONST.PRIVACY_URL}
+ >
+ {({hovered, pressed}) => (
+
+
+ {this.props.translate('common.privacyPolicy')}
+
+
+
+
+
+ )}
+
+
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 6c263bdbd6cd..7fb18a9dec8a 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -50,6 +50,16 @@ const styles = {
color: themeColors.linkHover,
},
+ linkMuted: {
+ color: themeColors.textSupporting,
+ textDecorationColor: themeColors.textSupporting,
+ fontFamily: fontFamily.GTA,
+ },
+
+ linkMutedHovered: {
+ color: themeColors.textMutedReversed,
+ },
+
h1: {
color: themeColors.heading,
fontFamily: fontFamily.GTA_BOLD,