diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index afb536087..c81dda28e 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -180,7 +180,7 @@ body .has-error select {
 }
 body .has-error input:focus,
 body .has-error select:focus {
-  border: 1px solid transparent;
+  box-shadow: 0 0 0 2.5px #fcbfbb;
 }
 body .has-error input:hover,
 body .has-error select:hover {
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index 667ca265d..a71e4aa41 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -193,7 +193,7 @@ body {
         select {
             border: 1px solid #d4281c;
             &:focus {
-                border: 1px solid transparent;
+                box-shadow: 0 0 0 2.5px #fcbfbb;
             }
             &:hover {
                 border: 1px solid #d4281c;