diff --git a/app/templates/partials/dashboard_graph.html b/app/templates/partials/dashboard_graph.html
index d8af6bf..6c1b542 100644
--- a/app/templates/partials/dashboard_graph.html
+++ b/app/templates/partials/dashboard_graph.html
@@ -15,7 +15,7 @@
     <!-- Graph Date Filter -->
     <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-4 mb-2">
         <form hx-get="{{ url_for('main.dashboard_graph') }}" hx-target="#dashboard-content"
-            class="flex flex-col md:flex-row gap-4 items-end">
+            class="flex flex-col sm:flex-row gap-4">
             <!-- Start Date -->
             <div class="flex-1">
                 <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
diff --git a/app/templates/partials/dashboard_table.html b/app/templates/partials/dashboard_table.html
index f05c8ee..b0440fc 100644
--- a/app/templates/partials/dashboard_table.html
+++ b/app/templates/partials/dashboard_table.html
@@ -2,7 +2,7 @@
     <!-- Table Date Filter -->
     <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-4 mb-2">
         <form hx-get="{{ url_for('main.dashboard_table') }}" hx-target="#dashboard-content"
-            class="flex flex-col md:flex-row gap-4 items-end">
+            class="flex flex-col sm:flex-row gap-4">
             <!-- Start Date -->
             <div class="flex-1">
                 <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>