diff --git a/sass/ascribe_custom_style.scss b/sass/ascribe_custom_style.scss
index 96b97783..55fe2868 100644
--- a/sass/ascribe_custom_style.scss
+++ b/sass/ascribe_custom_style.scss
@@ -447,9 +447,9 @@ fieldset[disabled] .btn-secondary.active {
 }
 
 .search-bar > .form-group > .input-group {
-    border: 1px solid rgba(0, 0, 0, 0);
+    border: 1px solid $ascribe-blue-border;
     &:hover, &:focus, &:active {
-        border-color: $ascribe-blue-border;
+        border-color: $ascribe-blue-border-active;
     }
     input::-webkit-input-placeholder {
         color: rgba($ascribe-dark-blue, 0.5);
diff --git a/sass/ascribe_variables.scss b/sass/ascribe_variables.scss
index c3263f4d..cdff14da 100644
--- a/sass/ascribe_variables.scss
+++ b/sass/ascribe_variables.scss
@@ -5,6 +5,7 @@ $ascribe-light-blue: #D3DEE4;
 $ascribe-white: #F8F8F8;
 $ascribe-pink: #D10074;
 $ascribe-blue-border: rgba(0, 60, 105, 0.1);
+$ascribe-blue-border-active: rgba(0, 60, 105, 0.2);
 $ascribe-red-error: rgb(169, 68, 66);