Update select form style

diff --git a/app/static/src/sass/global/_forms.scss b/app/static/src/sass/global/_forms.scss
index 25266fcc59e9888e0c0770c49abdc0a0fe922374..2de348ab211651c28331e488cf74421c26918376 100644 (file)
--- a/app/static/src/sass/global/_forms.scss
+++ b/app/static/src/sass/global/_forms.scss
@@ -116,13 +116,20 @@ $module: ".form";
        border: 0;
        border-bottom: 1px solid white;
        outline: 0;
+       color: white;
        -webkit-appearance: none;
-       background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#FFFFFF" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
+       background-color: rgba(#50E3C2, 0.05);
+       background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#FFFFFF" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
+       background-position: center right;
+       background-repeat: no-repeat;
 
        &:focus {
            border-bottom: 1px solid $color-main;
-           background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#{$color-main}" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
-       }
+           background-color: rgba(#50E3C2, 0.05);
+           background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#{$color-main}" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
+           background-position: center right;
+           background-repeat: no-repeat;
+           }
 
     }