Add a bit more css improvement on dropdown

src/scss/index.scss

@@ -13,6 +13,7 @@
 @import 'modules/marketplace';
 @import 'modules/checkbox';
 @import 'modules/buttons';
+@import 'modules/dropdown';
 @import 'modules/welcome';
 
 body {

src/scss/modules/_dropdown.scss

@@ -0,0 +1,16 @@
+.dropdown {
+  select {
+    background: linear-gradient(180deg, #ffb032 0%, #dd3b67 100%);
+    height: 34px;
+    width: 120px;
+    color: map-get($modal, "text");
+
+    border-image-source: linear-gradient(180deg, #ffb032 0%, #dd3b67 100%);
+    border-image-slice: 1;
+    border-width: 3px 4px;
+  }
+
+  select#language {
+    float: right;
+  }
+}

src/scss/modules/_settings.scss

@@ -225,20 +225,6 @@ button.remove + input[type=color].colour  {
   margin-left: 7px;
 }
 
-select {
-  background: linear-gradient(180deg, #ffb032 0%, #dd3b67 100%);
-  height: 34px;
-  width: 120px;
-  border: none;
-  border-radius: 5%;
-  padding-left: 10px;
-  color: map-get($modal, "text");
-}
-
-select#language {
-  float: right;
-}
-
 #customBackgroundColour {
   cursor: pointer;
 }