From e5974e6cae4faa17d8ac544f2d25dab1aff34b04 Mon Sep 17 00:00:00 2001
From: Carlos Martins <cmartins@expensify.com>
Date: Tue, 20 Jul 2021 12:57:31 -0600
Subject: [PATCH] fix style

---
 src/components/CommunicationsLink.js | 13 ++++++-------
 src/pages/DetailsPage.js             |  2 +-
 src/styles/styles.js                 |  6 ++----
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/CommunicationsLink.js b/src/components/CommunicationsLink.js
index c60ced905fc8..bbaa924ebc08 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 9a4966651a67..ad99904118c9 100755
--- a/src/pages/DetailsPage.js
+++ b/src/pages/DetailsPage.js
@@ -98,7 +98,7 @@ const DetailsPage = ({
                                 </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 854cef4d0049..40cf62fd509d 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,
     },
 };