diff --git a/src/scss/index.scss b/src/scss/index.scss
index c3771153..3acd0e2d 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -13,6 +13,7 @@
 @import 'modules/marketplace';
 @import 'modules/checkbox';
 @import 'modules/buttons';
+@import 'modules/dropdown';
 @import 'modules/welcome';
 
 body {
diff --git a/src/scss/modules/_dropdown.scss b/src/scss/modules/_dropdown.scss
new file mode 100644
index 00000000..c33a0f8a
--- /dev/null
+++ b/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;
+  }
+}
diff --git a/src/scss/modules/_settings.scss b/src/scss/modules/_settings.scss
index 67046816..9373e0ed 100644
--- a/src/scss/modules/_settings.scss
+++ b/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;
 }