diff --git a/src/modules/expenses/components/AddExpense.vue b/src/modules/expenses/components/AddExpense.vue
index 4772057..abb9079 100644
--- a/src/modules/expenses/components/AddExpense.vue
+++ b/src/modules/expenses/components/AddExpense.vue
@@ -161,9 +161,10 @@
 
           <!-- Selected account info -->
           <div class="p-3 rounded-lg bg-muted/50">
-            <p class="text-sm font-medium text-foreground mb-1">
-              Account: {{ selectedAccount?.name }}
-            </p>
+            <div class="flex items-center gap-2 mb-1">
+              <span class="text-sm text-muted-foreground">Account:</span>
+              <Badge variant="secondary" class="font-mono">{{ selectedAccount?.name }}</Badge>
+            </div>
             <p
               v-if="selectedAccount?.description"
               class="text-xs text-muted-foreground"
@@ -212,6 +213,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 import { Checkbox } from '@/components/ui/checkbox'
+import { Badge } from '@/components/ui/badge'
 import {
   FormControl,
   FormDescription,