diff --git a/src/components/AnalyticsFilters.jsx b/src/components/AnalyticsFilters.jsx
index fc152f0..f8e785e 100644
--- a/src/components/AnalyticsFilters.jsx
+++ b/src/components/AnalyticsFilters.jsx
@@ -33,7 +33,7 @@ export default function AnalyticsFilters({ value, onChange }) {
   }
 
   const inputBase =
-    'w-full min-w-0 max-w-full border rounded-lg px-7 py-1.5 text-sm bg-white border-gray-200 text-gray-900 ' +
+    'block w-full min-w-0 max-w-full [min-inline-size:0] [-webkit-min-logical-width:0] border rounded-lg px-7 py-1.5 text-sm bg-white border-gray-200 text-gray-900 ' +
     'focus:outline-none focus:ring-2 focus:ring-black/10 focus:border-transparent ' +
     'dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-100 dark:focus:ring-white/10'
 
@@ -52,7 +52,7 @@ export default function AnalyticsFilters({ value, onChange }) {
   const directionValue = normDir(direction) || 'all'
 
   return (
-    <div className="space-y-1.5 min-w-0">
+    <div className="space-y-1.5 min-w-0 overflow-x-hidden">
       <div className="space-y-1.5">
         <div className="text-[11px] uppercase tracking-wide opacity-70">Period</div>
         <div className="flex items-center gap-1.5 overflow-x-auto pb-0.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
@@ -71,7 +71,7 @@ export default function AnalyticsFilters({ value, onChange }) {
         </div>
       </div>
 
-      <div className="grid grid-cols-1 sm:grid-cols-2 gap-1.5 min-w-0">
+      <div className="grid grid-cols-1 sm:grid-cols-2 gap-1.5 min-w-0 overflow-x-hidden">
         <div className="relative min-w-0">
           <Calendar size={13} strokeWidth={1.75} className="absolute left-2 top-1/2 -translate-y-1/2 opacity-60" />
           <input