diff --git a/D&D_5e_Reshaped/precompiled/components/core/hitDice.html b/D&D_5e_Reshaped/precompiled/components/core/hitDice.html
index 76297b8457..d61a6b613d 100644
--- a/D&D_5e_Reshaped/precompiled/components/core/hitDice.html
+++ b/D&D_5e_Reshaped/precompiled/components/core/hitDice.html
@@ -13,7 +13,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d2_max" class="no-spin">
+      <span name="attr_hd_d2_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d2" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d2)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d2 + @{constitution_mod}]]}} @{attacher_hit_dice}">
@@ -27,7 +27,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d4_max" class="no-spin">
+      <span name="attr_hd_d4_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d4" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d4)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d4 + @{constitution_mod}]]}} @{attacher_hit_dice}">
@@ -41,7 +41,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d6_max" readonly>
+      <span name="attr_hd_d6_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d6" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d6)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d6 + @{constitution_mod}]]}} @{attacher_hit_dice}">
@@ -55,7 +55,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d8_max" readonly>
+      <span name="attr_hd_d8_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d8" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d8)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d8 + @{constitution_mod}]]}} @{attacher_hit_dice}">
@@ -69,7 +69,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d10_max" readonly>
+      <span name="attr_hd_d10_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d10" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d10)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d10 + @{constitution_mod}]]}} @{attacher_hit_dice}">
@@ -83,7 +83,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d12_max" readonly>
+      <span name="attr_hd_d12_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d12" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d12)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d12 + @{constitution_mod}]]}} @{attacher_hit_dice}">
@@ -97,7 +97,7 @@
     </div>
     <div class="col-05">&#47;</div>
     <div class="col-28">
-      <input type="number" name="attr_hd_d20_max" class="no-spin">
+      <span name="attr_hd_d20_max" class="pseudo-input center border-bottom"></span>
     </div>
     <div class="col-33 center">
       <button type="roll" name="roll_hd_d20" class="bold" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=Hit Dice (d20)}} {{roll_toggle=1}} {{only_roll_1=1}} {{roll1=[[d20 + @{constitution_mod}]]}} @{attacher_hit_dice}">