diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index e79730a..1cc6cf3 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -47,18 +47,18 @@ function createReconcilationTransaction() {
         </h1>
 
         <div class="text-right">
-            <span class="border-2 rounded-lg p-1">
+            <span class="border-2 rounded-lg p-1 whitespace-nowrap">
                 Working:
                 <Currency :value="accounts.CurrentAccount?.WorkingBalance" />
             </span>
 
-            <span class="border-2 rounded-lg p-1 ml-2">
+            <span class="border-2 rounded-lg p-1 ml-2 whitespace-nowrap">
                 Cleared:
                 <Currency :value="accounts.CurrentAccount?.ClearedBalance" />
             </span>
 
             <span
-                class="border-2 border-blue-500 rounded-lg bg-blue-500 ml-2 p-1"
+                class="border-2 border-blue-500 rounded-lg bg-blue-500 ml-2 p-1 whitespace-nowrap"
                 v-if="!transactions.Reconciling"
                 @click="transactions.Reconciling = true"
             >