diff --git a/builder/index.html b/builder/index.html
index 2ec6fe0..106724e 100644
--- a/builder/index.html
+++ b/builder/index.html
@@ -56,7 +56,7 @@
                     <div class="row row-cols-1 gy-5">
                         <div class="col">
                             <div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
-                                <div class="col rounded order-xl-0 order-0">
+                                <div class="col-auto rounded order-xl-0 order-0">
                                     <div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown">
                                         <div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="helmet-img-loc">
                                             <img id="helmet-img" class="img-fluid rounded" src="../media/items/new/generic-helmet.png">
diff --git a/crafter/index.html b/crafter/index.html
index 72a1ddc..8d595b3 100644
--- a/crafter/index.html
+++ b/crafter/index.html
@@ -35,28 +35,28 @@
             <div class = "col">
                 <div class = "row g-3">
                     <div class = "col-lg-5 col-sm-12 text-center">
-                        <div class = "row gx-5 mb-1">
-                            <div class = "col-6">
+                        <div class = "row gx-5 mb-2">
+                            <div class = "col-lg-6 col-sm-12">
                                 <div id = "recipe-dropdown" class = "row h-100 dark-shadow dark-6 rounded">
                                     <div id = "recipe-img-loc" class = "col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon">
                                         <img id = "recipe-img" class = "img-fluid rounded Crafted-shadow" src = "../media/items/new/generic-potion.png"> 
                                     </div>
                                     <div class = "col px-0">
                                         <div class = "row align-items-center">
-                                            <div class = "col px-0">
+                                            <div class = "col-4 px-0">
                                                 <p class = "text-right mb-0 scaled-font fw-bold">Type:</p>
                                             </div>
-                                            <div class = "col px-0">
+                                            <div class = "col-7 px-0">
                                                 <input class="recipeinput border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" list="recipe-choices" id="recipe-choice" name="recipe-choice" placeholder="Potion"/>
                                                 <datalist id="recipe-choices">
                                                 </datalist> 
                                             </div>
                                         </div>
                                         <div class = "row align-items-center">
-                                            <div class = "col px-0">
+                                            <div class = "col-4 px-0">
                                                 <p class = "text-right mb-0 scaled-font fw-bold">Lv:</p>
                                             </div>
-                                            <div class = "col px-0">
+                                            <div class = "col-7 px-0">
                                                 <input class="levelinput border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" list="level-choices" id="level-choice" name="level-choice" placeholder="103-105" />
                                                 <datalist id="level-choices">
                                                 </datalist>
@@ -65,9 +65,9 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class = "col-6">
+                            <div class = "col-lg-6 col-sm-12">
                                 <div id = "atkSpdChoices" class = "row h-100 dark-shadow dark-6 rounded">
-                                    <div class = "col">
+                                    <div class = "col py-2">
                                         <div class = "row h-50 align-items-center">
                                             <p class = "text-right mb-0 scaled-font fw-bold">Attack Speed</p>
                                         </div>
@@ -92,8 +92,8 @@
                                 </div>
                             </div>
                         </div>
-                        <div class = "row gx-5 mb-1">
-                            <div class = "col justify-content-center">
+                        <div class = "row gx-5 mb-2">
+                            <div class = "col-lg-6 col-sm-12 justify-content-center">
                                 <div class = "row dark-shadow dark-6 rounded py-1 align-items-center">
                                     <div class = "col-6 px-0">
                                         <p class = "mb-0 scaled-font fw-bold" id = "mat-1">Mat 1 Tier:</p>
@@ -109,7 +109,7 @@
                                     </div>
                                 </div>                                
                             </div>
-                            <div class = "col justify-content-center">
+                            <div class = "col-lg-6 col-sm-12 justify-content-center">
                                 <div class = "row dark-shadow dark-6 rounded py-1 align-items-center">
                                     <div class = "col-6 px-0">
                                         <p class = "mb-0 scaled-font fw-bold" id = "mat-2">Mat 2 Tier:</p>
diff --git a/css/sq2bs.css b/css/sq2bs.css
index 5ce8286..5eae688 100644
--- a/css/sq2bs.css
+++ b/css/sq2bs.css
@@ -126,9 +126,20 @@ input.equipment-input {
     cursor: pointer;
 }
 
-/* .scaled-font {
+.scaled-font {
     font-size: 2.5rem;
-} */
+}
+
+.box-title {
+    text-align: center;
+    font-size: 3rem;
+}
+
+.item-title {
+    text-align: center;
+    overflow-wrap: break-word;
+    font-size: 3.5rem;
+}
 
 .skp-tooltip {
     font-size: 2.1875rem;
@@ -168,6 +179,14 @@ input.equipment-input {
     .scaled-font {
         font-size: .8rem;
     }
+
+    .box-title {
+        font-size: 1rem;
+    }
+    
+    .item-title {
+        font-size: 1rem;
+    }
     
     .skp-tooltip {
         font-size: .625rem;
@@ -208,6 +227,14 @@ input.equipment-input {
         font-size: 1rem;
     }
 
+    .box-title {
+        font-size: 1.25rem;
+    }
+    
+    .item-title {
+        font-size: 1.5rem;
+    }
+
     .skp-tooltip {
         font-size: .78rem;
     }
@@ -345,14 +372,3 @@ input.equipment-input {
 .dark-shadow-sm {
     box-shadow: 0rem 0rem 0.25rem 0.05rem black;
 }
-
-.box-title {
-    text-align: center;
-    font-size: 1.25rem;
-}
-
-.item-title {
-    text-align: center;
-    overflow-wrap: break-word;
-    font-size: 1rem;
-}
\ No newline at end of file