diff --git a/D&D_5e_Shaped/precompiled/components/character/classes.html b/D&D_5e_Shaped/precompiled/components/character/classes.html
index fa97f5c8e6..cbe89592c0 100644
--- a/D&D_5e_Shaped/precompiled/components/character/classes.html
+++ b/D&D_5e_Shaped/precompiled/components/character/classes.html
@@ -2,10 +2,10 @@
   <input type="hidden" name="attr_level">
   <div class="shaped-row vert-center">
     <div class="col-12 wrap-box-label light-label center pad-r-sm">{{'CLASS' | translate}}</div>
-    <div class="col-20 wrap-box-label light-label center pad-l-sm pad-r-sm">{{'CUSTOM_NAME' | translate}}</div>
     <div class="col-10 wrap-box-label light-label center pad-l-sm pad-r-sm">{{'LEVEL' | translate}}</div>
     <div class="col-10 wrap-box-label light-label center pad-l-sm pad-r-sm">{{'HIT_DICE' | translate}}</div>
     <div class="col-30 wrap-box-label light-label center pad-l-sm">{{'SPELLCASTING' | translate}}</div>
+    <div class="col-20 wrap-box-label light-label center pad-l-sm pad-r-sm">{{'CUSTOM_NAME' | translate}}</div>
   </div>
   <fieldset class="repeating_class">
     <div class="shaped-row vert-center">
@@ -26,10 +26,6 @@
           <option value="custom">Custom</option>
         </select>
       </div>
-      <div class="col-20 pad-l-sm pad-r-sm">
-        <input type="checkbox" name="attr_custom_class_toggle" class="toggle-custom-class hidden">
-        <input type="text" name="attr_custom_name" class="custom-class">
-      </div>
       <div class="col-10 pad-l-sm pad-r-sm">
         <input type="number" name="attr_level" class="center">
       </div>
@@ -54,6 +50,10 @@
           <option value="warlock">Warlock</option>
         </select>
       </div>
+      <div class="col-20 pad-l-sm pad-r-sm">
+        <input type="checkbox" name="attr_custom_class_toggle" class="toggle-custom-class hidden">
+        <input type="text" name="attr_custom_name" class="custom-class">
+      </div>
     </div>
   </fieldset>