Add custom style for dropdowns

client/src/styles/_forms.scss

@@ -20,6 +20,19 @@ $icon-size: 20px;
 
 }
 
+.skillbox-dropdown {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  text-indent: 1px;
+  text-overflow: '';
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="%2317A887" d="M50,74.07,6.86,30.93A2.93,2.93,0,0,1,11,26.79l39,39,39-39a2.93,2.93,0,1,1,4.15,4.15Z"/></svg>');
+  background-repeat: no-repeat;
+  background-position: 97% center;
+  background-size: 24px 24px;
+  position: relative;
+}
+
 .skillbox-textarea {
   @include inputstyle;
   height: 120px;

client/src/survey.config.js

@@ -66,7 +66,7 @@ export const css = {
   'comment': 'survey__input skillbox-input question__input',
   'dropdown': {
     'root': '',
-    'control': 'survey__input skillbox-input',
+    'control': 'survey__input skillbox-input skillbox-dropdown',
     'other': 'sv_q_dd_other skillbox-input'
   },
   'html': {