diff --git a/src/Gang.js b/src/Gang.js
index 0d858648f..e1cf03ab8 100644
--- a/src/Gang.js
+++ b/src/Gang.js
@@ -1784,6 +1784,7 @@ Gang.prototype.createGangMemberDisplayElement = function(memberObj) {
         id: name + "gang-member-task",
     });
     const taskSelector = createElement("select", {
+        class: "dropdown",
         id: name + "gang-member-task-selector",
     });
 
diff --git a/src/PersonObjects/Resleeving/ResleevingUI.ts b/src/PersonObjects/Resleeving/ResleevingUI.ts
index a6a39905c..28c8ee5b5 100644
--- a/src/PersonObjects/Resleeving/ResleevingUI.ts
+++ b/src/PersonObjects/Resleeving/ResleevingUI.ts
@@ -96,7 +96,7 @@ export function createResleevesPage(p: IPlayer) {
             display: "inline-block",
             innerText: "Sort By: "
         });
-        UIElems.sortSelector = createElement("select") as HTMLSelectElement;
+        UIElems.sortSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
 
         enum SortOption {
             Cost = "Cost",
@@ -309,7 +309,7 @@ function createResleeveUi(resleeve: Resleeve): IResleeveUIElems {
     elems.statsPanel.appendChild(elems.multipliersButton);
 
     elems.augPanel = createElement("div", { class: "resleeve-panel", width: "50%" });
-    elems.augSelector = createElement("select", { class: "resleeve-aug-selector" }) as HTMLSelectElement;
+    elems.augSelector = createElement("select", { class: "resleeve-aug-selector dropdown" }) as HTMLSelectElement;
     elems.augDescription = createElement("p");
     for (let i = 0; i < resleeve.augmentations.length; ++i) {
         elems.augSelector.add(createOptionElement(resleeve.augmentations[i].name));
diff --git a/src/StockMarket/StockMarket.js b/src/StockMarket/StockMarket.js
index 23128cfe2..7e7d62091 100644
--- a/src/StockMarket/StockMarket.js
+++ b/src/StockMarket/StockMarket.js
@@ -1093,8 +1093,8 @@ function createStockTicker(stock) {
 
     /* Create panel DOM */
     var qtyInput = document.createElement("input"),
-        longShortSelect = document.createElement("select"),
-        orderTypeSelect = document.createElement("select"),
+        longShortSelect = document.createElement("select", {class: "dropdown"}),
+        orderTypeSelect = document.createElement("select", {class: "dropdown"}),
         buyButton = document.createElement("span"),
         sellButton = document.createElement("span"),
         buyMaxButton = document.createElement("span"),
@@ -1113,6 +1113,7 @@ function createStockTicker(stock) {
                           " || (event.keyCode==46) )");
 
     longShortSelect.classList.add("stock-market-input");
+    longShortSelect.classList.add("dropdown");
     longShortSelect.setAttribute("id", tickerId + "-pos-selector");
     var longOpt = document.createElement("option");
     longOpt.text = "Long";
@@ -1124,6 +1125,7 @@ function createStockTicker(stock) {
     }
 
     orderTypeSelect.classList.add("stock-market-input");
+    orderTypeSelect.classList.add("dropdown");
     orderTypeSelect.setAttribute("id", tickerId + "-order-selector");
     var marketOpt = document.createElement("option");
     marketOpt.text = "Market Order";
diff --git a/src/index.html b/src/index.html
index 63670a198..d07c437f7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -133,7 +133,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
             <h1 style="color:white;"> Script Editor Options </h1>
             <fieldset>
             <label for="script-editor-option-editor">Editor</label>
-            <select id="script-editor-option-editor">
+            <select id="script-editor-option-editor" class="dropdown">
                 <option value="Ace">Ace</option>
                 <option value="CodeMirror">CodeMirror</option>
             </select>
@@ -141,12 +141,12 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
 
             <fieldset>
             <label for="script-editor-option-theme">Theme</label>
-            <select id="script-editor-option-theme"></select>
+            <select id="script-editor-option-theme" class="dropdown"></select>
             </fieldset>
 
             <fieldset>
             <label for="script-editor-option-keybinding">Key Binding</label>
-            <select id="script-editor-option-keybinding"></select>
+            <select id="script-editor-option-keybinding" class="dropdown"></select>
             </fieldset>
 
             <fieldset>
@@ -757,7 +757,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
             <p id="infiltration-box-text"> </p>
 
             <button id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </button> <br /><br />
-            <select id="infiltration-faction-select"> </select> <br />
+            <select id="infiltration-faction-select" class="dropdown"> </select> <br />
             <button id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </button>
 
         </div>
@@ -944,7 +944,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
                             Sets the locale for displaying numbers. Defaults to 'en'
                         </span>
                     </label>
-                    <select name="settingsLocale" id="settingsLocale">
+                    <select name="settingsLocale" id="settingsLocale" class="dropdown">
                         <option value="en">en</option>
                         <option value="bg">bg</option>
                         <option value="cs">cs</option>