diff --git a/src/modules/expenses/components/AddExpense.vue b/src/modules/expenses/components/AddExpense.vue
index 3ad6539..75f9280 100644
--- a/src/modules/expenses/components/AddExpense.vue
+++ b/src/modules/expenses/components/AddExpense.vue
@@ -1,8 +1,8 @@
 <template>
   <Dialog :open="true" @update:open="(open) => !open && $emit('close')">
-    <DialogContent class="max-w-2xl max-h-[90vh] overflow-hidden flex flex-col p-0">
+    <DialogContent class="max-w-2xl max-h-[85vh] my-4 overflow-hidden flex flex-col p-0 gap-0">
       <!-- Header -->
-      <DialogHeader class="px-6 pt-6 pb-4 border-b">
+      <DialogHeader class="px-6 pt-6 pb-4 border-b shrink-0">
         <DialogTitle class="flex items-center gap-2">
           <DollarSign class="h-5 w-5 text-primary" />
           <span>Add Expense</span>
@@ -13,7 +13,7 @@
       </DialogHeader>
 
       <!-- Scrollable Form Content -->
-      <div class="flex-1 overflow-y-auto px-6 py-4 space-y-4">
+      <div class="flex-1 overflow-y-auto px-6 py-4 space-y-4 min-h-0">
       <!-- Step indicator -->
       <div class="flex items-center justify-center gap-2 mb-4">
         <div
@@ -173,7 +173,7 @@
           </div>
 
           <!-- Action buttons -->
-          <div class="flex items-center gap-2 pt-2">
+          <div class="flex items-center gap-2 pt-2 pb-6">
             <Button
               type="button"
               variant="outline"