diff --git a/src/components/sprites/Character.vue b/src/components/sprites/Character.vue
index 324c57e..ba6219a 100644
--- a/src/components/sprites/Character.vue
+++ b/src/components/sprites/Character.vue
@@ -1,14 +1,17 @@
 <template>
+<!--  Chat bubble -->
   <Container ref="charChatContainer" :depth="999" :x="currentX" :y="currentY">
     <RoundRectangle @create="createChatBubble" :origin-x="0.5" :origin-y="7.5" :fillColor="0xffffff" :width="194" :height="21" :radius="20" />
     <Text @create="createChatText" text="" :origin-x="0.5" :origin-y="10.9" :style="{ fontSize: 13, fontFamily: 'Arial', color: '#000' }" />
   </Container>
+<!--  Character name and health -->
   <Container :depth="999" :x="currentX" :y="currentY">
     <Text @create="createText" :text="character.name" :origin-x="0.5" :origin-y="9" />
     <RoundRectangle :origin-x="0.5" :origin-y="18.5" :fillColor="0xffffff" :width="74" :height="6" :radius="5" />
     <RoundRectangle :origin-x="0.5" :origin-y="36.4" :fillColor="0x00b3b3" :width="70" :height="3" :radius="5" />
   </Container>
-  <Container :depth="isometricDepth" :x="currentX" :y="currentY" ref="charContainer">
+<!--  Character sprite -->
+  <Container ref="charContainer" :depth="isometricDepth" :x="currentX" :y="currentY">
     <Sprite ref="charSprite" :origin-y="1" :flipX="isFlippedX" :flipY="false" />
   </Container>
 </template>