diff --git a/less/character-sheet.less b/less/character-sheet.less
index 10762bd..a496268 100644
--- a/less/character-sheet.less
+++ b/less/character-sheet.less
@@ -266,6 +266,7 @@
 
     .hitPointBox {
         display: flex;
+        align-items: flex-end;
     }
 
     .row {
@@ -290,7 +291,7 @@
         -o-border-radius: 10px;
 
         padding: 5px;
-        margin: 5px;
+        margin: 10px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
@@ -299,26 +300,26 @@
     }
 
     .charHPCurrent {
-        width: 80px;
-        height: 80px;
+        width: 70px;
+        height: 70px;
 
         margin-left: 20px;
     }
 
     .charHPMax {
-        width: 35px;
-        height: 35px;
+        width: 40px;
+        height: 40px;
     }
 
-    .charHexHead {
+    .charHexValue {
         font-size: 20px;
     }
 
-    .hpHead {
+    .hpValue {
         font-size: 30px;
     }
 
-    .hpMaxHead {
+    .hpMaxValue {
         font-size: 18px;
     }
 
diff --git a/pokemon.css b/pokemon.css
index 891a475..e3eeffb 100644
--- a/pokemon.css
+++ b/pokemon.css
@@ -222,6 +222,7 @@
 }
 .pokemon.sheet.characterSheet .hitPointBox {
   display: flex;
+  align-items: flex-end;
 }
 .pokemon.sheet.characterSheet .row {
   display: flex;
@@ -241,7 +242,7 @@
   -moz-border-radius: 10px;
   -o-border-radius: 10px;
   padding: 5px;
-  margin: 5px;
+  margin: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
@@ -249,21 +250,21 @@
   text-align: center;
 }
 .pokemon.sheet.characterSheet .charHPCurrent {
-  width: 80px;
-  height: 80px;
+  width: 70px;
+  height: 70px;
   margin-left: 20px;
 }
 .pokemon.sheet.characterSheet .charHPMax {
-  width: 35px;
-  height: 35px;
+  width: 40px;
+  height: 40px;
 }
-.pokemon.sheet.characterSheet .charHexHead {
+.pokemon.sheet.characterSheet .charHexValue {
   font-size: 20px;
 }
-.pokemon.sheet.characterSheet .hpHead {
+.pokemon.sheet.characterSheet .hpValue {
   font-size: 30px;
 }
-.pokemon.sheet.characterSheet .hpMaxHead {
+.pokemon.sheet.characterSheet .hpMaxValue {
   font-size: 18px;
 }
 .pokemon.sheet.characterSheet .menuBox {
diff --git a/system.json b/system.json
index 85c547d..53bf5a6 100644
--- a/system.json
+++ b/system.json
@@ -1,5 +1,5 @@
 {
-    "version": "0.0.28",
+    "version": "0.0.29",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",
diff --git a/system.zip b/system.zip
index 524c40e..1c14d0c 100644
Binary files a/system.zip and b/system.zip differ
diff --git a/templates/sheets/character/sidebar.hbs b/templates/sheets/character/sidebar.hbs
index 132d335..e36c57c 100644
--- a/templates/sheets/character/sidebar.hbs
+++ b/templates/sheets/character/sidebar.hbs
@@ -16,8 +16,8 @@
 
         <div class="calcStatBox">
             <div class="hitPointBox">
-                <div class="charHex charHPCurrent"><span class="charHexHead hpHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div>
-                <div class="charHex charHPMax"><span class="charHexHead hpMaxHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
+                <div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue hpValue">{{system.hp.current}}</span></div>
+                <div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue hpMaxValue">{{system.hp.max}}</span></div>
             </div>
             <div class="row">
                 <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>