1 files changed, 11 insertions, 16 deletions

diff --git a/src/scss/components/_input.scss b/src/scss/components/_input.scss
index e2d7338..347e98c 100644
--- a/src/scss/components/_input.scss
+++ b/src/scss/components/_input.scss
@@ -1,14 +1,8 @@
-$input-padding : $baseline-x2 $baseline-x2;
-$button-bgcolor : $color-blue;
-$button-bgcolor-hover : darken($color-blue, 10%);
-$button-color : $color-white;
-$input-bgcolor : darken($color-white, 5%);
-$button-radius : 3px;
-
-$button-outline-padding : ( $baseline-x2 - 2 )( $baseline-x3 - 2 );
-$button-outline-bgcolor: transparent;
-$button-outline-color: $color-blue;
-$button-outline-color-hover: darken( $color-blue, 10% );
+$input-padding : $baseline-x2 $baseline-x4 $baseline-x2 $baseline;
+$input-bgcolor-hover : darken($color-blue, 10%);
+$input-bgcolor : $color-white;
+$input-radius : 3px;
+$input-border-color: darken($color-grey-light, 5%);
 
 .c-input {
   padding: $input-padding;
@@ -17,13 +11,14 @@ $button-outline-color-hover: darken( $color-blue, 10% );
   white-space: nowrap;
   vertical-align: middle;
   text-decoration: none;
-  background-color: $color-grey-light;
+  background-color: $input-bgcolor;
   color: $color-black;
-  border-style: none;
-  border-color: grey;
-  border-radius: $button-radius;
+  border-style: solid;
+  border-width: 1px;
+  border-color: $color-grey;
+  border-radius: $input-radius;
 }
 
 .c-input:focus {
-  box-shadow: 0 0 2px 2px $button-bgcolor-hover;
+  box-shadow: 0 0 2px 2px $input-bgcolor-hover;
 }