diff --git a/src/site/_mixins.scss b/src/site/_mixins.scss
index 3c8fc84..dd0086c 100644
--- a/src/site/_mixins.scss
+++ b/src/site/_mixins.scss
@@ -78,7 +78,7 @@
   font-size: $font-m;
   height: $field-height;
   background-color: transparent;
-  border: $border-light;
+  border: $border-contrast;
   border-radius: $field-radius;
   padding: 0 $space-s;
   margin: $space-xs 0;
@@ -87,7 +87,7 @@
   box-sizing: border-box;
 
   &:hover:not([disabled]) {
-    border: $border-dark;
+    border: $border-darker;
     transition: border 0.3s ease-out;
   }
 
diff --git a/src/site/_variables.scss b/src/site/_variables.scss
index 3aabf6c..8461b79 100644
--- a/src/site/_variables.scss
+++ b/src/site/_variables.scss
@@ -26,8 +26,10 @@ $disabled-color: $background-color;
 $focus-outline: 2px $primary solid;
 $error-outline: 2px $error solid;
 $border-light: 2px $background-color solid;
+$border-contrast: 2px $light-gray solid;
 $border-error: 2px $error solid;
 $border-dark: 2px $light-gray solid;
+$border-darker: 2px $gray solid;