diff --git a/app/common/styles/base/buttons.scss b/app/common/styles/base/buttons.scss
index 541d15e..f97aa6d 100644
--- a/app/common/styles/base/buttons.scss
+++ b/app/common/styles/base/buttons.scss
@@ -1,14 +1,10 @@
-button,
-.button,
-.submit {
+button, .button, .submit, .btn, [type='button'] {
   font-size: 1em;
   @include fontFamilyBold;
   text-transform: none;
-  border-radius: 3px;
-  padding: 0.5rem 2rem 0.5rem;
-  height: auto;
-  border: 0;
-  overflow: hidden;
+  border-radius: 0;
+  padding: .5em 1em;
+  line-height: 1;
   &:hover {
     cursor: pointer;
   }
@@ -30,13 +26,15 @@
 .btn-primary {
   color: $primebtn__text;
   background: $primebtn__bg;
-  min-height: 40px;
+  border: 2px solid $primebtn__bg;
   &:hover {
     background: lighten($primebtn__bg, 8%);
+    border-color: lighten($primebtn__bg, 8%);
     @include fastTransition-all;
   }
   &.disabled {
     background: $primebtn__disabled-bg;
+    border-color: $primebtn__disabled-bg;
     color: $primebtn__disabled-txt;
     @include fastTransition-all;
     &:hover {
@@ -52,8 +50,8 @@
     display: inline-block;
   }
   img {
-    width: 18px;
-    height: 18px;
+    width: 1.5em;
+    height: 1.5em;
     display: inline-block;
   }
 }
@@ -61,11 +59,11 @@
   color: $secbtn__text;
   background: transparent;
   border: 2px solid $secbtn__border;
-  min-height: 40px;
   &:hover {
     color: $secbtn__text;
     cursor: pointer;
     background: $secbtn__bg;
+    border-color: $secbtn__text;
     @include fastTransition-all;
   }
   &.disabled {
@@ -90,11 +88,10 @@
     vertical-align: middle;
   }
   img {
-    width: 18px;
-    height: 18px;
+    width: 1.5em;
+    height: 1.5em;
     display: inline-block;
-    margin-right: 0.5em;
-    margin-top: -3px;
+    margin-right: .5em;
   }
 }
 
diff --git a/app/common/styles/base/forms.scss b/app/common/styles/base/forms.scss
index eb633d4..21253e7 100644
--- a/app/common/styles/base/forms.scss
+++ b/app/common/styles/base/forms.scss
@@ -17,14 +17,16 @@
 input[type='tel'],
 input[type='url'],
 input[type='text'],
+input[type='date'],
+input[type='time'],
 textarea {
   border-radius: 0px;
   border: 1px solid $input-border;
-  height: 3.1em;
   margin: 0;
   background: $white;
   box-shadow: 0 0 0;
   transition: none !important;
+  max-height: 2.1em;
   &:focus {
     border-color: $medgrey;
     box-shadow: 0 -3px $field__focus inset;
@@ -94,13 +96,20 @@
   border-radius: 0px;
   height: auto;
   padding-right: 0.5rem; //override inherited Foundation style
+  border-color: $input-border;
   @include fastTransition-all;
   @include bgImage__arrowDown-primary;
   &:focus {
-    border-color: $lightbg__accent;
     box-shadow: 0 0 0;
   }
   &[disabled] {
     @include bgImage__arrowDown-disabled;
   }
 }
+
+#login__form {
+  input {
+    height: 3em;
+    max-height: none;
+  }
+}
diff --git a/app/common/styles/base/mixins.scss b/app/common/styles/base/mixins.scss
index ead5924..6b68114 100644
--- a/app/common/styles/base/mixins.scss
+++ b/app/common/styles/base/mixins.scss
@@ -47,11 +47,11 @@
 
 //Transitions mixin
 @mixin fastTransition-all {
-  transition: all 0.5s ease;
+  transition: all $duration--fast-02 ease;
 }
 
 @mixin slowTransition-all {
-  transition: all 1.5s ease;
+  transition: all $duration--slow-02 ease;
 }
 
 @mixin page-transition {
diff --git a/app/common/styles/base/variables.scss b/app/common/styles/base/variables.scss
index e69de29..0e09f86 100755
--- a/app/common/styles/base/variables.scss
+++ b/app/common/styles/base/variables.scss
@@ -0,0 +1,6 @@
+$duration--fast-01: 70ms; //Micro-interactions such as button and toggle
+$duration--fast-02: 110ms; //Micro-interactions such as fade
+$duration--moderate-01: 150ms; //Micro-interactions, small expansion, short distance movements
+$duration--moderate-02: 240ms; //Expansion, system communication, toast
+$duration--slow-01: 400ms; //Large expansion, important system notifications
+$duration--slow-02: 700ms; //Background dimming
\ No newline at end of file