diff --git a/less/character-sheet.less b/less/character-sheet.less
index a496268..71c865c 100644
--- a/less/character-sheet.less
+++ b/less/character-sheet.less
@@ -274,8 +274,8 @@
     }
 
     .charHex {
-        width: 50px;
-        height: 50px;
+        width: 65px;
+        height: 65px;
         background-color: #30da0c;
         color: black;
         border: black;
@@ -291,7 +291,7 @@
         -o-border-radius: 10px;
 
         padding: 5px;
-        margin: 10px;
+        margin: 15px 10px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
@@ -300,23 +300,24 @@
     }
 
     .charHPCurrent {
-        width: 70px;
-        height: 70px;
+        width: 80px;
+        height: 80px;
 
         margin-left: 20px;
+        margin-right: 0px;
     }
 
     .charHPMax {
-        width: 40px;
-        height: 40px;
+        width: 50px;
+        height: 50px;
     }
 
     .charHexValue {
-        font-size: 20px;
+        font-size: 25px;
     }
 
     .hpValue {
-        font-size: 30px;
+        font-size: 40px;
     }
 
     .hpMaxValue {
diff --git a/pokemon.css b/pokemon.css
index e3eeffb..21aab67 100644
--- a/pokemon.css
+++ b/pokemon.css
@@ -228,8 +228,8 @@
   display: flex;
 }
 .pokemon.sheet.characterSheet .charHex {
-  width: 50px;
-  height: 50px;
+  width: 65px;
+  height: 65px;
   background-color: #30da0c;
   color: black;
   border: black;
@@ -242,7 +242,7 @@
   -moz-border-radius: 10px;
   -o-border-radius: 10px;
   padding: 5px;
-  margin: 10px;
+  margin: 15px 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
@@ -250,19 +250,20 @@
   text-align: center;
 }
 .pokemon.sheet.characterSheet .charHPCurrent {
-  width: 70px;
-  height: 70px;
+  width: 80px;
+  height: 80px;
   margin-left: 20px;
+  margin-right: 0px;
 }
 .pokemon.sheet.characterSheet .charHPMax {
-  width: 40px;
-  height: 40px;
+  width: 50px;
+  height: 50px;
 }
 .pokemon.sheet.characterSheet .charHexValue {
-  font-size: 20px;
+  font-size: 25px;
 }
 .pokemon.sheet.characterSheet .hpValue {
-  font-size: 30px;
+  font-size: 40px;
 }
 .pokemon.sheet.characterSheet .hpMaxValue {
   font-size: 18px;
diff --git a/system.json b/system.json
index 53bf5a6..030030c 100644
--- a/system.json
+++ b/system.json
@@ -1,5 +1,5 @@
 {
-    "version": "0.0.29",
+    "version": "0.0.30",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",
diff --git a/system.zip b/system.zip
index 1c14d0c..3787320 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 e36c57c..25c06bd 100644
--- a/templates/sheets/character/sidebar.hbs
+++ b/templates/sheets/character/sidebar.hbs
@@ -16,7 +16,7 @@
 
         <div class="calcStatBox">
             <div class="hitPointBox">
-                <div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue hpValue">{{system.hp.current}}</span></div>
+                <div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><input class="charHexValue hpValue invisibleInput" type="number" name="system.hp.current" value="{{system.hp.current}}"></div>
                 <div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue hpMaxValue">{{system.hp.max}}</span></div>
             </div>
             <div class="row">
@@ -59,4 +59,6 @@
             </div>
         </section>
     </div>
+
+    <div class="horLine"></div>
 </div>
\ No newline at end of file