diff --git a/public/js/views/invoice-view.js b/public/js/views/invoice-view.js
index d19fde3..9b29dcf 100644
--- a/public/js/views/invoice-view.js
+++ b/public/js/views/invoice-view.js
@@ -563,7 +563,7 @@ export function injectToolbar() {
     if (!c) return;
     c.innerHTML = `
         <div class="space-y-2 mb-4 p-4 bg-white rounded-lg shadow-sm border border-gray-200">
-            <div class="flex flex-wrap items-center gap-3">
+            <div class="flex items-center gap-3">
                 <div class="flex items-center gap-1 border border-gray-300 rounded-lg p-1 bg-gray-100">
                     <button data-status-filter="all" onclick="window.invoiceView.setStatus('all')"
                         class="px-3 py-1.5 text-xs font-medium rounded-md transition-colors bg-white text-gray-600">All</button>
@@ -587,10 +587,10 @@ export function injectToolbar() {
                         <span id="overdue-badge" class="hidden absolute -top-1.5 -right-1.5 bg-red-500 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center">0</span></button>
                 </div>
                 <div class="w-px h-8 bg-gray-300"></div>
-                <div class="flex items-center gap-2">
+                <div class="flex items-center gap-2 flex-1 min-w-0 max-w-[280px]">
                     <label class="text-sm font-medium text-gray-700">Customer:</label>
                     <input type="text" id="invoice-filter-customer" placeholder="Filter by name..." value="${filterCustomer}"
-                           class="px-3 py-1.5 border border-gray-300 rounded-md text-sm flex-1 min-w-[140px] max-w-[280px] focus:ring-blue-500 focus:border-blue-500">
+                           class="w-full px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:ring-blue-500 focus:border-blue-500">
                 </div>
                 <div class="w-px h-8 bg-gray-300"></div>
                 <div class="flex items-center gap-2">
@@ -610,10 +610,10 @@ export function injectToolbar() {
                     </select>
                 </div>
                 <div class="w-px h-8 bg-gray-300"></div>
-                <div class="flex items-center gap-2">
+                <div class="flex items-center gap-2 flex-1 min-w-0 max-w-[280px]">
                     <label class="text-sm font-medium text-gray-700">Item:</label>
                     <input type="text" id="invoice-filter-item-search" placeholder="Search descriptions..." value="${filterItemSearch}"
-                           class="px-3 py-1.5 border border-gray-300 rounded-md text-sm flex-1 min-w-[140px] max-w-[280px] focus:ring-blue-500 focus:border-blue-500">
+                           class="w-full px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:ring-blue-500 focus:border-blue-500">
                 </div>
             </div>
             <div class="flex items-center gap-3">