diff --git a/src/DevMenu.js b/src/DevMenu.js
index 48a4cbee1..78d74fd86 100644
--- a/src/DevMenu.js
+++ b/src/DevMenu.js
@@ -536,7 +536,7 @@ export function createDevMenu() {
         innerText: "Generate Random Contract on Home Comp",
     });
 
-    const generateContractWithTypeSelector = createElement("select", { margin: "5px" });
+    const generateContractWithTypeSelector = createElement("select", { margin: "5px", class:"dropdown" });
     const contractTypes = Object.keys(CodingContractTypes);
     for (let i = 0; i < contractTypes.length; ++i) {
         generateContractWithTypeSelector.add(createOptionElement(contractTypes[i]));
diff --git a/src/Gang.js b/src/Gang.js
index 0d858648f..4cdf45147 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/PersonObjects/Sleeve/SleeveUI.ts b/src/PersonObjects/Sleeve/SleeveUI.ts
index cf8ef9cf4..14f5fcc6a 100644
--- a/src/PersonObjects/Sleeve/SleeveUI.ts
+++ b/src/PersonObjects/Sleeve/SleeveUI.ts
@@ -288,7 +288,7 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
     }
 
     elems.taskPanel = createElement("div", { class: "sleeve-panel", width: "40%" });
-    elems.taskSelector = createElement("select") as HTMLSelectElement;
+    elems.taskSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
     elems.taskSelector.add(createOptionElement("------"));
     elems.taskSelector.add(createOptionElement("Work for Company"));
     elems.taskSelector.add(createOptionElement("Work for Faction"));
@@ -297,8 +297,8 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
     elems.taskSelector.add(createOptionElement("Workout at Gym"));
     elems.taskSelector.add(createOptionElement("Shock Recovery"));
     elems.taskSelector.add(createOptionElement("Synchronize"));
-    elems.taskDetailsSelector = createElement("select") as HTMLSelectElement;
-    elems.taskDetailsSelector2 = createElement("select") as HTMLSelectElement;
+    elems.taskDetailsSelector = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
+    elems.taskDetailsSelector2 = createElement("select",{class:"dropdown"}) as HTMLSelectElement;
     elems.taskDescription = createElement("p");
     elems.taskProgressBar = createElement("p");
     elems.taskSelector.addEventListener("change", () => {
diff --git a/src/StockMarket/StockMarket.js b/src/StockMarket/StockMarket.js
index 8b9f756b1..2d7d323c6 100644
--- a/src/StockMarket/StockMarket.js
+++ b/src/StockMarket/StockMarket.js
@@ -1082,8 +1082,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"),
@@ -1102,6 +1102,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";
@@ -1113,6 +1114,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 5dd72486b..7d6e412cc 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>