diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index 68e556d53..afb536087 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -39,27 +39,36 @@ body input,
 body select {
   margin-top: 4px;
 }
-body input {
+body input,
+body select {
   border-radius: 8px;
   border: 1px solid #8E9292;
   padding: 16px;
   font-size: 16px;
   color: #000;
+  background-color: #fff;
 }
-body input:focus, body input:focus-visible {
+body input:focus, body input:focus-visible,
+body select:focus,
+body select:focus-visible {
   box-shadow: 0 0 0 2.5px #1574a1;
-  border: none;
+  border: 1px solid transparent;
   outline: none;
 }
-body input:disabled, body input.disabled {
+body input:disabled, body input.disabled,
+body select:disabled,
+body select.disabled {
   background-color: #f5f5f5;
   filter: grayscale(100%);
 }
-body input:disabled:hover, body input.disabled:hover {
+body input:disabled:hover, body input.disabled:hover,
+body select:disabled:hover,
+body select.disabled:hover {
   box-shadow: 0 0 0 4px transparent;
   border: 1px solid #8e9292;
 }
-body input:hover {
+body input:hover,
+body select:hover {
   border: 1px solid #8e9292;
   box-shadow: 0 0 0 4px #9fcee6;
 }
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index ed8e8e14c..667ca265d 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -48,16 +48,18 @@ body {
         margin-top: 4px;
     }
 
-    input {
+    input,
+    select {
         border-radius: 8px;
         border: 1px solid #8E9292;
         padding: 16px;
         font-size: 16px;
         color: #000;
+        background-color: #fff;
         &:focus,
         &:focus-visible {
             box-shadow: 0 0 0 2.5px #1574a1;
-            border: none;
+            border: 1px solid transparent;
             outline: none;
         }
         &:disabled,