diff --git a/src/client/components/forms/Label/index.scss b/src/client/components/forms/Label/index.scss
index 41ea569f66..98c4ceeb69 100644
--- a/src/client/components/forms/Label/index.scss
+++ b/src/client/components/forms/Label/index.scss
@@ -2,7 +2,7 @@
 
 label.field-label {
   display: flex;
-  margin-bottom: base(.25);
+  padding-bottom: base(.25);
   color: $color-gray;
 
   .required {
diff --git a/src/client/components/forms/field-types/shared.scss b/src/client/components/forms/field-types/shared.scss
index c861754e91..1fb77a04d6 100644
--- a/src/client/components/forms/field-types/shared.scss
+++ b/src/client/components/forms/field-types/shared.scss
@@ -26,9 +26,14 @@
       font-size: 1rem;
     }
 
+    &:hover {
+      border-color: darken($color-light-gray, 10%);
+    }
+
     &:focus,
     &:active {
-        outline: 0;
+      border-color: $color-gray;
+      outline: 0;
     }
 
     &:disabled {
diff --git a/src/client/scss/vars.scss b/src/client/scss/vars.scss
index 8116c0039f..5622d82090 100644
--- a/src/client/scss/vars.scss
+++ b/src/client/scss/vars.scss
@@ -70,14 +70,14 @@ $style-stroke-width-m : 2px;
 }
 
 @mixin inputShadowActive {
-	box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.13), 0 6px 4px -4px rgba(0, 2, 4, 0.1);
+	box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.16), 0 6px 4px -4px rgba(0, 2, 4, 0.13);
 }
 
 @mixin inputShadow {
 	@include shadow-sm;
 
   &:hover {
-		box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.1), 0 6px 4px -4px rgba(0, 2, 4, 0.07);
+		box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.13), 0 6px 4px -4px rgba(0, 2, 4, 0.1);
 	}
 
 	&:active, &:focus {