diff --git a/frontend/src/components/Layout/Layout.js b/frontend/src/components/Layout/Layout.js
index 7688d80..096b758 100644
--- a/frontend/src/components/Layout/Layout.js
+++ b/frontend/src/components/Layout/Layout.js
@@ -145,7 +145,7 @@ const Layout = ({ children }) => {
             />
             <div className="fixed inset-y-0 left-0 flex w-64 flex-col bg-white shadow-xl">
               <div className="relative flex h-20 items-center px-6 border-b border-gray-200">
-                <div className="absolute inset-0 flex items-center justify-center">
+                <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
                   <img src="/brand/logo.png" alt="TurfTracking" className="h-16 w-16 object-contain" />
                 </div>
                 <button
@@ -338,8 +338,8 @@ const Layout = ({ children }) => {
             >
               <Bars3Icon className="h-6 w-6" />
             </button>
-            {/* Centered logo */}
-            <div className="absolute inset-0 flex items-center justify-center">
+            {/* Centered logo (click-through so it won't block buttons) */}
+            <div className="absolute inset-0 flex items-center justify-center pointer-events-none">
               <img src="/brand/logo.png" alt="TurfTracking" className="h-12 w-12 object-contain" />
             </div>
             <div className="flex items-center space-x-4">