diff --git a/src/components/forms/input.css b/src/components/forms/input.css
index 6d5eefa52d5b2f4d5c0c558fb37aa1f05ad5e7c0..b0f63b8604b6a62faa92f3c7931e535cbdab91d5 100644
--- a/src/components/forms/input.css
+++ b/src/components/forms/input.css
@@ -37,6 +37,8 @@
 }
 
 .input-small {
-    width: 3rem; 
+    width: 3rem;
+    padding: 0 0.5rem;
+    text-overflow: clip;
     text-align: center;
 }
diff --git a/src/components/sprite-info/sprite-info.css b/src/components/sprite-info/sprite-info.css
index 3e680625adfbfba7e7f0a28d18bbbd23fb403222..36ae5e144b3573647996494d4e906e1f311c9818 100644
--- a/src/components/sprite-info/sprite-info.css
+++ b/src/components/sprite-info/sprite-info.css
@@ -98,3 +98,7 @@
     border-color: #4c97ff;
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
 }
+
+.larger-input input {
+    width: 4rem;
+}
diff --git a/src/components/sprite-info/sprite-info.jsx b/src/components/sprite-info/sprite-info.jsx
index 91f3a7bd1491fc11059d1db932485648f73d0105..202ac2a7d0752b92c0a12fb79039dc82dd8d0498 100644
--- a/src/components/sprite-info/sprite-info.jsx
+++ b/src/components/sprite-info/sprite-info.jsx
@@ -145,7 +145,7 @@ class SpriteInfo extends React.Component {
                             </div>
                         </div>
                     </div>
-                    <div className={styles.group}>
+                    <div className={classNames(styles.group, styles.largerInput)}>
                         <Label
                             secondary
                             text="Size"
@@ -161,7 +161,7 @@ class SpriteInfo extends React.Component {
                             />
                         </Label>
                     </div>
-                    <div className={styles.group}>
+                    <div className={classNames(styles.group, styles.largerInput)}>
                         <Label
                             secondary
                             text="Direction"