diff --git a/site/src/components/PlayerHP.vue b/site/src/components/PlayerHP.vue
index 03bd291..d47e305 100644
--- a/site/src/components/PlayerHP.vue
+++ b/site/src/components/PlayerHP.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-sheet :elevation="2" width="100" class="text-center">
+    <v-sheet :elevation="2" width="100" height="30" class="text-center">
         {{ text }}
     </v-sheet>
 </template>
@@ -13,5 +13,5 @@ export interface Props {
 
 const props = defineProps<Props>();
 
-const text = computed(() => '⚡'.repeat(props.hp));
+const text = computed(() => '⚡'.repeat(props.hp) || ' ');
 </script>
\ No newline at end of file