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>