diff --git a/package.json b/package.json
index f8c36406..2d3540e6 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "es": "npm run clean-es && node scripts/use-module-babelrc.js && babel src -d es && node scripts/restore-original-babelrc.js",
     "clean-lib": "rm -rf lib && mkdir lib",
     "clean-es": "rm -rf es && mkdir es",
-    "prepublish": "npm run lib && npm run es",
+    "prepare": "npm run lib && npm run es",
     "docs": "npm run docs-server",
     "docs-server": "node ./scripts/docs-server",
     "docs-dist": "node ./scripts/docs-dist",
diff --git a/src/components/twitter/Twitter.js b/src/components/twitter/Twitter.js
index 858c1ffb..ad707cc2 100644
--- a/src/components/twitter/Twitter.js
+++ b/src/components/twitter/Twitter.js
@@ -42,6 +42,11 @@ export const Twitter = ({ onChange, onSwatchHover, hex, colors, width, triangle,
         borderColor: 'transparent transparent rgba(0,0,0,.1) transparent',
         position: 'absolute',
       },
+      inputWrapper: {
+        display: 'flex',
+        flexWrap: 'nowrap',
+        minWidth: '130px',
+      },
       hash: {
         background: '#F0F0F0',
         height: '30px',
@@ -52,6 +57,7 @@ export const Twitter = ({ onChange, onSwatchHover, hex, colors, width, triangle,
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
+        flexShrink: '0',
       },
       input: {
         width: '100px',
@@ -139,13 +145,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>