diff --git a/Table Top Defined/Table_Top_Defined.css b/Table Top Defined/Table_Top_Defined.css
index 3cb439bcc8..e55b314798 100644
--- a/Table Top Defined/Table_Top_Defined.css	
+++ b/Table Top Defined/Table_Top_Defined.css	
@@ -9,7 +9,7 @@
 .sheet-rolltemplate-custom .sheet-content a[href*="fullattackconfirm"] {
     display: inline-block;
     transition-duration: 0.2s;
-    min-width: 80px;
+    min-width: fit-content;
     margin: 1px;
     padding: 0 4px 0 4px;
     background-color: #F0F0F0;
@@ -62,7 +62,6 @@
     /* change text-align to center to center the header text */
     text-align: left;
     color: var(--header-text-color);
-    padding: 5px;
     border-bottom: 1px black solid;
     border-radius: 4px 4px 0 0;
 }
@@ -72,6 +71,8 @@
     font-weight: bold;
     text-align: center;
     margin: auto;
+    padding-top: 4px;
+    padding-bottom: 5px;
 }
 
 .sheet-rolltemplate-custom .sheet-title a:link{
@@ -89,18 +90,22 @@
 }
 
 .sheet-rolltemplate-custom .sheet-subtitle {
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #323232;
     font-size:1.1em;
     font-style: italic;
     text-align: center;
-    margin: auto;
+    padding-top: 5px;
+    padding-bottom: 5px;
 }
 
-/* example colors */
 .sheet-rolltemplate-custom .sheet-container {
     /* this is the default color */
     /*--header-bg-color: #800020;*/
     --header-bg-color: #000000;
-    --header-text-color: #FFF;
+    --header-text-color: #FFFFFF;
     color: #000000;
     border: solid 1px black;
     border-radius:  8px;
diff --git a/Table Top Defined/Table_Top_Defined.html b/Table Top Defined/Table_Top_Defined.html
index 1bd9169558..3285a5bc76 100755
--- a/Table Top Defined/Table_Top_Defined.html	
+++ b/Table Top Defined/Table_Top_Defined.html	
@@ -432,15 +432,15 @@
      </div>
      <div class="grc2">
       <div>&nbsp;</div>
-      <div class="titleblock">=</div>
+      <div class="titleblock_stat">=</div>
      </div>
      <div class="grc3">
       <div style="color: #FFFFFF">Dex</div>
-      <div class="titleblock"><input title="@{dexmod}" type="number" name="attr_dexmod" readonly="true"/></div>
+      <div class="titleblock_stat"><input title="@{dexmod}" type="number" name="attr_dexmod" readonly="true"/></div>
      </div>
      <div class="grc4">
       <div>&nbsp;</div>
-      <div class="titleblock">+</div>
+      <div class="titleblock_stat">+</div>
      </div>
      <div class="grc5">
       <div style="color: #FFFFFF">Misc</div>
@@ -450,11 +450,11 @@
     <div class="column-header">Wound and Base Attack</div>
     <div class="ggrid"> <!--Wound and Base Attack Grid-->
      <div class="grc1">
-      <div class="titleblock">Wound DC</div>
+      <div class="titleblock_stat">Wound DC</div>
       <div><input title="@{WoundDC}" type="number" name="attr_WoundDC" readonly/></div>
      </div>
      <div class="grc2">
-      <div class="titleblock">Base Attack</div>
+      <div class="titleblock_stat">Base Attack</div>
       <div><input title="@{BAB}" type="number" name="attr_BAB" readonly/></div>
      </div>
     </div>