diff --git a/builder/index.html b/builder/index.html
index c49ccb4..ae7fd0f 100644
--- a/builder/index.html
+++ b/builder/index.html
@@ -184,7 +184,7 @@
                                                     <input class="equipment-input text-light form-control" id="leggings-choice" name="leggings-choice" placeholder="No leggings" value="" tabindex="1"/>
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
-                                                    <input class="equipment-input text-light form-control" type="text" id="leggings-powder" name="leggings-powder" placeholder="no powders" tabindex="1"/>
+                                                    <input class="equipment-input text-light form-control" type="text" id="leggings-powder" name="leggings-powder" placeholder="powders" tabindex="1"/>
                                                 </div>
                                             </div>
                                         </div>
@@ -299,24 +299,24 @@
                                 </div>
                                 <div class="col-auto order-xl-0 order-1">
                                     <div class="row h-100 dark-shadow dark-6 rounded">
-                                        <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="weapon-img-loc">
-                                            <img class="img-fluid rounded" src="../media/icons/new/Gears.png">
-                                        </div>
                                         <div class="col">
                                             <div class="row align-items-center">
-                                                <div class="col-3 text-nowrap scaled-font">
+                                                <div class="col-3 text-nowrap fw-bold scaled-font">
                                                     Level:
                                                 </div>
                                                 <div class="col d-flex justify-content-end">
                                                     <input class="equipment-input text-light form-control form-control-sm" id="level-choice" name="level-choice" value="106" placeholder="Build level" value="" tabindex="2"/>
                                                 </div>
-                                            </div>
-                                            <div class="row align-items-center">
                                                 <div class="col-auto px-1 text-nowrap scaled-font">
-                                                    <button class="border-dark text-light dark-5 scaled-font rounded" id=copy-button onclick="copyBuild()">Copy short</button>
+                                                    <button class="button fw-bold text-light dark-5 scaled-font rounded" id="reset-button" onclick="sq2ResetFields()">Reset</button>
+                                                </div>
+                                            </div>
+                                            <div class="row align-items-center justify-content-center my-1">
+                                                <div class="col-auto px-1 text-nowrap scaled-font">
+                                                    <button class="button fw-bold text-light dark-5 scaled-font rounded" id="copy-button" onclick="copyBuild()">Copy short</button>
                                                 </div>
                                                 <div class="col-auto px-1 text-nowrap scaled-font">
-                                                    <button class="border-dark text-light dark-5 scaled-font rounded" id=share-button onclick="shareBuild()">Copy for sharing</button>
+                                                    <button class="button fw-bold text-light dark-5 scaled-font rounded" id="share-button" onclick="shareBuild()">Copy for sharing</button>
                                                 </div>
                                             </div>
                                         </div>
@@ -456,7 +456,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="weaponTome1-choice" name="weaponTome1-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="weaponTome1-choice" name="weaponTome1-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -480,7 +480,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="weaponTome2-choice" name="weaponTome2-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="weaponTome2-choice" name="weaponTome2-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -504,7 +504,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome1-choice" name="armorTome1-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome1-choice" name="armorTome1-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -528,7 +528,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome2-choice" name="armorTome2-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome2-choice" name="armorTome2-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -552,7 +552,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome3-choice" name="armorTome3-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome3-choice" name="armorTome3-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -576,7 +576,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="armorTome4-choice" name="armorTome4-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="armorTome4-choice" name="armorTome4-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -600,7 +600,7 @@
                                                         <div class="col g-0 rounded">
                                                             <div class="row row-cols-1 h-100 align-items-center">
                                                                 <div class="col d-flex justify-content-end">
-                                                                    <input class="equipment-input border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" id="guildTome1-choice" name="guildTome1-choice" placeholder="No Tome" value=""/>
+                                                                    <input class="equipment-input border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" id="guildTome1-choice" name="guildTome1-choice" placeholder="No Tome" value=""/>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -618,7 +618,7 @@
                                                         Spell Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="sdPct" name="sdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "sdPct-base">
                                                         Original Value: 0
@@ -629,7 +629,7 @@
                                                         Spell Damage Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="sdRaw" name="sdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "sdRaw-base">
                                                         Original Value: 0
@@ -640,7 +640,7 @@
                                                         Melee Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="mdPct" name="mdPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "mdPct-base">
                                                         Original Value: 0
@@ -651,7 +651,7 @@
                                                         Melee Damage Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="mdRaw" name="mdRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "mdRaw-base">
                                                         Original Value: 0
@@ -664,7 +664,7 @@
                                                         Poison:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="poison" name="poison" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "poison-base">
                                                         Original Value: 0
@@ -675,7 +675,7 @@
                                                         Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="eDamPct" name="eDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "eDamPct-base">
                                                         Original Value: 0
@@ -686,7 +686,7 @@
                                                         Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="tDamPct" name="tDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "tDamPct-base">
                                                         Original Value: 0
@@ -697,7 +697,7 @@
                                                         Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="wDamPct" name="wDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "wDamPct-base">
                                                         Original Value: 0
@@ -710,7 +710,7 @@
                                                         Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="fDamPct" name="fDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "fDamPct-base">
                                                         Original Value: 0
@@ -721,7 +721,7 @@
                                                         Damage %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="aDamPct" name="aDamPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "aDamPct-base">
                                                         Original Value: 0
@@ -732,7 +732,7 @@
                                                         + Tier:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="atkTier" name="atkTier" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "atkTier-base">
                                                         Original Value: 0
@@ -751,7 +751,7 @@
                                                         Defense %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="eDefPct" name="eDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "eDefPct-base">
                                                         Original Value: 0
@@ -762,7 +762,7 @@
                                                         Defense %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="tDefPct" name="tDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "tDefPct-base">
                                                         Original Value: 0
@@ -773,7 +773,7 @@
                                                         Defense %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="wDefPct" name="wDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "wDefPct-base">
                                                         Original Value: 0
@@ -784,7 +784,7 @@
                                                         Defense %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="fDefPct" name="fDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "fDefPct-base">
                                                         Original Value: 0
@@ -797,7 +797,7 @@
                                                         Defense %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="aDefPct" name="aDefPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "aDefPct-base">
                                                         Original Value: 0
@@ -808,7 +808,7 @@
                                                         Health Regen Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="hprRaw" name="hprRaw" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "hprRaw-base">
                                                         Original Value: 0
@@ -819,7 +819,7 @@
                                                         Health Regen %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="hprPct" name="hprPct" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "hprPct-base">
                                                         Original Value: 0
@@ -830,7 +830,7 @@
                                                         Health Bonus:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="hpBonus" name="hpBonus" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "hpBonus-base">
                                                         Original Value: 0
@@ -846,7 +846,7 @@
                                                         1st Spell Cost %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spPct1" name="spPct1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spPct1-base">
                                                         Original Value: 0
@@ -857,7 +857,7 @@
                                                         2nd Spell Cost %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spPct2" name="spPct2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spPct2-base">
                                                         Original Value: 0
@@ -868,7 +868,7 @@
                                                         3rd Spell Cost %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spPct3" name="spPct3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spPct3-base">
                                                         Original Value: 0
@@ -879,7 +879,7 @@
                                                         4th Spell Cost %:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spPct4" name="spPct4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spPct4-base">
                                                         Original Value: 0
@@ -892,7 +892,7 @@
                                                         1st Spell Cost Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spRaw1" name="spRaw1" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spRaw1-base">
                                                         Original Value: 0
@@ -903,7 +903,7 @@
                                                         2nd Spell Cost Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spRaw2" name="spRaw2" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spRaw2-base">
                                                         Original Value: 0
@@ -914,7 +914,7 @@
                                                         3rd Spell Cost Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spRaw3" name="spRaw3" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spRaw3-base">
                                                         Original Value: 0
@@ -925,7 +925,7 @@
                                                         4th Spell Cost Raw:
                                                     </div>
                                                     <div class = "row">
-                                                        <input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-semi-dark border-2 text-light dark-5 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
+                                                        <input type = "number" placeholder = "0" id="spRaw4" name="spRaw4" value="0" class="border-dark text-light dark-10 rounded scaled-font form-control form-control-sm" oninput = "updateStats()"/>
                                                     </div>
                                                     <div class = "row" id = "spRaw4-base">
                                                         Original Value: 0
@@ -1271,44 +1271,44 @@
                 </div>
             </div>
         </div>
-        <div class="col" id="masonry-container">
-            <div id="helmet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+        <div class="col-12 mx-4" id="masonry-container">
+            <div id="helmet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="chestplate-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="chestplate-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="leggings-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="leggings-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="boots-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="boots-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="ring1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="ring1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="ring2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="ring2-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="bracelet-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="bracelet-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="necklace-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="necklace-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="weapon-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="weapon-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="weaponTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="weaponTome1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="weaponTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="weaponTome2-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="armorTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="armorTome1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="armorTome2-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="armorTome2-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="armorTome3-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="armorTome3-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="armorTome4-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="armorTome4-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div id="guildTome1-tooltip" class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
+            <div id="guildTome1-tooltip" class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3">
             </div>
-            <div class="rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
+            <div class="rounded row g-0 scaled-font float-tooltip border border-3 border-dark dark-shadow p-3" id = "build-order">
             </div>
-            <div class = "rounded row row-cols-1 g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
+            <div class = "rounded row g-0 scaled-font float-tooltip border border-3 border-dark p-3" id = "set-info"></div>
         </div>
-        <div class="col dark-5 scaled-font">
+        <div class="col-12 dark-5 scaled-font">
             <footer class="text-center">
                 <div id="header2">
                     <p>Made by <b class = "hppeng">hppeng</b> and <b class = "ferricles">ferricles</b> with <a href = "../atlas" target = "_blank" class = "atlas link">Atlas Inc</a> (JavaScript required to function, nothing works without js)</p>
diff --git a/css/sq2bs.css b/css/sq2bs.css
index 1689a5d..e0eda75 100644
--- a/css/sq2bs.css
+++ b/css/sq2bs.css
@@ -358,6 +358,10 @@ input.equipment-input {
     background-color: hsl(0, 0%, 16%) !important;
 }
 
+.dark-10 {
+    background-color: hsl(0, 0%, 20%) !important;
+}
+
 .dark-1u {
     background-color: hsl(0, 0%, 5%);
 }
@@ -430,3 +434,13 @@ input[type=number]::-webkit-outer-spin-button {
     -moz-appearance: none;
     appearance: none; 
 }
+
+/* Make links bold when hovered over */
+
+a:hover {
+    font-weight: bold;
+}
+
+.button {
+    border-color: #fff;
+}
\ No newline at end of file
diff --git a/js/sq2bs.js b/js/sq2bs.js
index 25ac2d2..518243d 100644
--- a/js/sq2bs.js
+++ b/js/sq2bs.js
@@ -113,6 +113,27 @@ function doSearchSchedule(){
     }, 500);
 }
 
+function sq2ResetFields(){
+    for (let i in powderInputs) {
+        setValue(powderInputs[i], "");
+    }
+    for (let i in equipmentInputs) {
+        setValue(equipmentInputs[i], "");
+    }
+
+    for (let i in tomeInputs) {
+        setValue(tomeInputs[i], "");
+    }
+    setValue("str-skp", "0");
+    setValue("dex-skp", "0");
+    setValue("int-skp", "0");
+    setValue("def-skp", "0");
+    setValue("agi-skp", "0");
+    setValue("level-choice", "106");
+    location.hash = "";
+    calculateBuild();
+}
+
 // equipment field dynamic styling
 function update_field(field) {
     // built on the assumption of no one will type in CI/CR letter by letter
diff --git a/js/sq2display.js b/js/sq2display.js
index b6b588b..471072f 100644
--- a/js/sq2display.js
+++ b/js/sq2display.js
@@ -498,7 +498,8 @@ function displaysq2ExpandedItem(item, parent_id){
             base_dps_elem.textContent = "Base DPS: "+base_dps_min.toFixed(3)+"\u279c"+base_dps_max.toFixed(3);
         }
         else {
-            base_dps_elem.textContent = "Base DPS: "+(total_damages * damage_mult);
+            let bdps = total_damages * damage_mult;
+            base_dps_elem.textContent = "Base DPS: " + (bdps ? bdps : 0);
         }
         parent_div.appendChild(document.createElement("p"));
         parent_div.appendChild(base_dps_elem);
@@ -588,7 +589,7 @@ function displaysq2WeaponStats(build) {
     tot /= 2;
     let dps = Math.max(0, Math.round(tot * baseDamageMultiplier[attackSpeeds.indexOf(item.get("atkSpd"))] )); //atkspeeds
 
-    document.getElementById("weapon-dps").textContent = "base dps: " + dps; 
+    document.getElementById("weapon-dps").textContent = "base dps: " + (isNaN(dps) ? 0 : dps); 
     document.getElementById("weapon-lv").textContent = item.get("lvl"); 
 
     if (item.get("type")) {