diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index a4a20e1..2738214 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -19,12 +19,22 @@ const TransactionsList = computed(() => accountStore.TransactionsList);
 
 <template>
     <h1 class="inline">{{ CurrentAccount?.Name }}</h1>
-    <EditAccount />
+    <EditAccount /> <br />
 
-    <p>
+    <span>
         Current Balance:
-        <Currency :value="CurrentAccount?.Balance" />
-    </p>
+        <Currency :value="CurrentAccount?.WorkingBalance" />
+    </span>
+   
+    <span>
+        Cleared Balance:
+        <Currency :value="CurrentAccount?.ClearedBalance" />
+    </span>
+
+    <span>
+        Reconciled Balance:
+        <Currency :value="CurrentAccount?.ReconciledBalance" />
+    </span>
     <table>
         <tr class="font-bold">
             <td style="width: 90px;">Date</td>