diff --git a/src/components/forms/input.jsx b/src/components/forms/input.jsx
index 6f9cbffa8..c5c80ee6b 100644
--- a/src/components/forms/input.jsx
+++ b/src/components/forms/input.jsx
@@ -9,14 +9,19 @@ const Input = props => {
     return (
         <input
             {...componentProps}
-            className={classNames(styles.inputForm, {
-                [styles.inputSmall]: small
-            })}
+            className={classNames(
+                styles.inputForm,
+                props.className,
+                {
+                    [styles.inputSmall]: small
+                }
+            )}
         />
     );
 };
 
 Input.propTypes = {
+    className: PropTypes.string,
     small: PropTypes.bool
 };
 
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index 67222ba61..0ac55d25b 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -103,3 +103,7 @@
 .larger-input input {
     width: 4rem;
 }
+
+.sprite-input {
+    width: 8rem;
+}
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 202ac2a7d..7d0acf952 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -39,6 +39,7 @@ class SpriteInfo extends React.Component {
                     <div className={styles.group}>
                         <Label text="Sprite">
                             <BufferedInput
+                                className={styles.spriteInput}
                                 disabled={this.props.disabled}
                                 placeholder="Name"
                                 tabIndex="0"
diff --git a/src/css/typography.css b/src/css/typography.css
index 7a3b8b986..348e1df5a 100644
--- a/src/css/typography.css
+++ b/src/css/typography.css
@@ -11,7 +11,3 @@ p {
     font-size: 1rem;
     line-height: 1.5em;
 }
-
-input {
-    width: 8rem;
-}