feat(input): Add top and bottom padding to the input field.

To fix an IE11 bug with the text moving up and down slightly. (shrug)
telus · Sep 28, 2017 · 05100fa · 05100fa
1 parent 3114b79
commit 05100fa
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/Input/Input.modules.scss b/src/components/Input/Input.modules.scss
@@ -66,9 +66,10 @@ input.input {
   width: 100%;
 
   // FIXME: Will be able to use composes when removing the targeting of the <input> element above
-  //composes: noSpacing from '../Spacing/Spacing.modules.scss';
-  padding: 0;
+  //composes: noMargin from '../Spacing/Spacing.modules.scss';
   margin: 0;
+  // This top+bottom padding fixes an IE11 bug that was causing the input value to jump slightly and get cut off.
+  padding: $spacing-tight 0;
 
   outline: 0;