diff --git a/src/modules/expenses/views/TransactionsPage.vue b/src/modules/expenses/views/TransactionsPage.vue
index 4a56a21..70b560c 100644
--- a/src/modules/expenses/views/TransactionsPage.vue
+++ b/src/modules/expenses/views/TransactionsPage.vue
@@ -216,7 +216,7 @@ onMounted(() => {
               :key="option.value"
               :variant="dateRangeType === option.value ? 'default' : 'outline'"
               size="sm"
-              class="h-8 px-3 text-xs"
+              class="h-7 md:h-8 px-3 text-xs"
               @click="onDateRangeTypeChange(option.value)"
               :disabled="isLoading"
             >
@@ -232,7 +232,7 @@ onMounted(() => {
               :key="option.value"
               :variant="typeFilter === option.value ? 'default' : 'outline'"
               size="sm"
-              class="h-8 px-3 text-xs"
+              class="h-7 md:h-8 px-3 text-xs"
               @click="typeFilter = option.value"
               :disabled="isLoading"
             >
@@ -247,7 +247,7 @@ onMounted(() => {
               <Input
                 type="date"
                 v-model="customStartDate"
-                class="h-8 text-xs"
+                class="h-7 md:h-8 text-xs"
                 :disabled="isLoading"
               />
             </div>
@@ -256,13 +256,13 @@ onMounted(() => {
               <Input
                 type="date"
                 v-model="customEndDate"
-                class="h-8 text-xs"
+                class="h-7 md:h-8 text-xs"
                 :disabled="isLoading"
               />
             </div>
             <Button
               size="sm"
-              class="h-8 px-3 text-xs"
+              class="h-7 md:h-8 px-3 text-xs"
               @click="applyCustomDateRange"
               :disabled="isLoading || !customStartDate || !customEndDate"
             >