diff --git a/src/App.tsx b/src/App.tsx
index 257bb5a..903ca0f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1040,7 +1040,7 @@ export default function App() {
                 <AnimatePresence>
                   {isInventoryFilterOpen && (
                     <>
-                      <div className="fixed inset-0 z-40" />
+                      <div className="fixed inset-0 z-40" onClick={() => setIsInventoryFilterOpen(false)} />
                       <motion.div
                         initial={{ opacity: 0, y: 10, scale: 0.95 }}
                         animate={{ opacity: 1, y: 0, scale: 1 }}
@@ -1971,7 +1971,7 @@ export default function App() {
               <AnimatePresence>
                 {isRegionFilterOpen && (
                   <>
-                    <div className="fixed inset-0 z-40" />
+                    <div className="fixed inset-0 z-40" onClick={() => setIsRegionFilterOpen(false)} />
                     <motion.div 
                       initial={{ opacity: 0, y: 10, scale: 0.95 }}
                       animate={{ opacity: 1, y: 0, scale: 1 }}
@@ -2266,7 +2266,7 @@ export default function App() {
                 {isCustomerFilterOpen && (
                   <>
                     {/* Backdrop */}
-                    <div className="fixed inset-0 z-40" />
+                    <div className="fixed inset-0 z-40" onClick={() => setIsCustomerFilterOpen(false)} />
                     
                     {/* Popover Content */}
                     <motion.div