diff --git a/luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png b/luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png
new file mode 100644
index 0000000..6881210
Binary files /dev/null and b/luckydiamond/src/assets/icons/icon-deepslate_diamond_ore.png differ
diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue
index 6cbf93f..d1019a7 100644
--- a/luckydiamond/src/pages/HeaderElement.vue
+++ b/luckydiamond/src/pages/HeaderElement.vue
@@ -12,7 +12,11 @@
           </nav>
       </div>
       <div class="header__balance">
-        <h1>25000</h1>
+        <div class="header__balance--content">
+          <div class="balance__count">
+            <h2><img src="../assets/icons/icon-deepslate_diamond_ore.png">{{ balance }}</h2>
+          </div>
+        </div>
       </div>
     </div>
   </header>
@@ -20,7 +24,12 @@
 
 <script>
 export default {
-  name: 'Header-Element-page'
+  name: 'Header-Element-page',
+  data() {
+    return {
+      balance: 25000
+    }
+  }
 }
 </script>
 
@@ -93,4 +102,21 @@ export default {
   bottom: -7px;
   left: 0;
 }
+.balance__count {
+  border-radius: 9px;
+  padding: 10px 10px;
+  background: #22252F;
+  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+}
+.balance__count h2 {
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-family: Montserrat Alternates;
+  font-weight: 700;
+  font-size: 18px;
+}
+.balance__count h2 img {
+  margin-right: 6px;
+}
 </style>
\ No newline at end of file