diff --git a/src/components/CommunicationsLink.js b/src/components/CommunicationsLink.js
index c60ced905fc88..bbaa924ebc08c 100644
--- a/src/components/CommunicationsLink.js
+++ b/src/components/CommunicationsLink.js
@@ -44,16 +44,15 @@ const CommunicationsLink = props => (
                 >
                     {props.children}
                 </Pressable>
-            )
-            : props.children}
-        {!props.isSmallScreenWidth
-            && (
+            ) : (
                 <View style={[
-                    styles.pAbsolute,
+                    styles.flexRow,
                     styles.alignItemsCenter,
-                    styles.justifyContentCenter,
-                    styles.communicationsLinkIcon]}
+                    styles.w100,
+                    styles.communicationsLinkHeight,
+                ]}
                 >
+                    {props.children}
                     <ContextMenuItem
                         icon={ClipboardIcon}
                         text={props.translate('contextMenuItem.copyToClipboard')}
diff --git a/src/pages/DetailsPage.js b/src/pages/DetailsPage.js
index c36129e5d319d..ad99904118c97 100755
--- a/src/pages/DetailsPage.js
+++ b/src/pages/DetailsPage.js
@@ -92,24 +92,13 @@ const DetailsPage = ({
                                 imageStyles={[styles.avatarLarge]}
                                 source={details.avatar}
                             />
-                            {details.displayName && isSMSLogin
-                                ? (
-                                    <CommunicationsLink
-                                        style={[styles.mt1, styles.mb6]}
-                                        type={CONST.LOGIN_TYPE.PHONE}
-                                        value={getPhoneNumber(details)}
-                                    >
-                                        <Text style={[styles.displayName]} numberOfLines={1}>
-                                            {toLocalPhone(details.displayName)}
-                                        </Text>
-                                    </CommunicationsLink>
-                                ) : (
-                                    <Text style={[styles.displayName]} numberOfLines={1}>
-                                        {details.displayName || null}
-                                    </Text>
-                                )}
+                            {details.displayName && (
+                                <Text style={[styles.displayName, styles.mb6]} numberOfLines={1}>
+                                    {isSMSLogin ? toLocalPhone(details.displayName) : details.displayName}
+                                </Text>
+                            )}
                             {details.login ? (
-                                <View style={[styles.mb6, styles.detailsPageSectionContainer]}>
+                                <View style={[styles.mb6, styles.detailsPageSectionContainer, styles.w100]}>
                                     <Text style={[styles.formLabel, styles.mb2]} numberOfLines={1}>
                                         {translate(isSMSLogin
                                             ? 'common.phoneNumber'
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 854cef4d0049b..40cf62fd509d8 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1793,10 +1793,8 @@ const styles = {
         ...whiteSpace.noWrap,
     },
 
-    communicationsLinkIcon: {
-        right: -36,
-        top: 0,
-        bottom: 0,
+    communicationsLinkHeight: {
+        height: 20,
     },
 };