From 76acc3d78b70e717b73024ca9a68a95a5c3cb42d Mon Sep 17 00:00:00 2001
From: ordermate <150745666+ordermate@users.noreply.github.com>
Date: Tue, 14 Nov 2023 09:26:52 +1100
Subject: [PATCH] Add input wrapper to Twitter.js

Add a wrapper around the editable input to prevent wrapping
---
 src/components/twitter/Twitter.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/twitter/Twitter.js b/src/components/twitter/Twitter.js
index 858c1ffb..22b76303 100644
--- a/src/components/twitter/Twitter.js
+++ b/src/components/twitter/Twitter.js
@@ -42,6 +42,9 @@ export const Twitter = ({ onChange, onSwatchHover, hex, colors, width, triangle,
         borderColor: 'transparent transparent rgba(0,0,0,.1) transparent',
         position: 'absolute',
       },
+      inputWrapper: {
+        white-space: 'nowrap'
+      },
       hash: {
         background: '#F0F0F0',
         height: '30px',
@@ -139,13 +142,15 @@ export const Twitter = ({ onChange, onSwatchHover, hex, colors, width, triangle,
             />
           )
         }) }
-        <div style={ styles.hash }>#</div>
-        <EditableInput
-          label={null}
-          style={{ input: styles.input }}
-          value={ hex.replace('#', '') }
-          onChange={ handleChange }
-        />
+        <span style={ styles.inputWrapper }>
+          <div style={ styles.hash }>#</div>
+          <EditableInput
+            label={null}
+            style={{ input: styles.input }}
+            value={ hex.replace('#', '') }
+            onChange={ handleChange }
+          />
+        </span>
         <div style={ styles.clear } />
       </div>
     </div>