From d4282f2ce3e85acce34a81f5fe77174d2ecf412e Mon Sep 17 00:00:00 2001
From: Camila Rivera <camila.riverart@gmail.com>
Date: Fri, 31 Dec 2021 18:54:20 -0300
Subject: [PATCH] Fix ellipsis in DisplayNames

---
 src/components/DisplayNames/index.js | 2 +-
 src/styles/styles.js                 | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/DisplayNames/index.js b/src/components/DisplayNames/index.js
index 6c76f859f546e..065b8c5f508d9 100644
--- a/src/components/DisplayNames/index.js
+++ b/src/components/DisplayNames/index.js
@@ -84,7 +84,7 @@ class DisplayNames extends PureComponent {
 
             // Tokenization of string only support 1 numberOfLines on Web
             <Text
-                style={[...this.props.textStyles, styles.pRelative]}
+                style={[...this.props.textStyles, styles.pRelative, {display: 'inline-block'}, styles.noWrap]}
                 onLayout={this.setContainerLayout}
                 numberOfLines={1}
                 ref={el => this.containerRef = el}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index d93ca510abbcb..d60a3410dacc0 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1100,7 +1100,6 @@ const styles = {
         fontFamily: fontFamily.GTA,
         height: 20,
         lineHeight: 20,
-        ...whiteSpace.noWrap,
     },
 
     optionDisplayNameCompact: {