diff --git a/src/components/layout/TopMenu.tsx b/src/components/layout/TopMenu.tsx
index 02499f5..a0ca694 100644
--- a/src/components/layout/TopMenu.tsx
+++ b/src/components/layout/TopMenu.tsx
@@ -58,7 +58,7 @@ const TopMenu: React.FC<TopMenuProps> = ({
 
   return (
     <header
-      className="relative z-40 h-14 shrink-0 flex items-center justify-between px-4 text-white"
+       className="relative z-20 h-14 shrink-0 flex items-center justify-between px-4 text-white"
       style={{
         background:
           "linear-gradient(135deg, #4c5f9e, #2a355d, #566bb8, #3d4e87)",
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 3280aed..dec6b32 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -270,15 +270,15 @@ export default function Home({
           </div>
 
           {showOrganisms && (
-            <div className="fixed inset-0 z-50">
-              {/* Overlay */}
-              <div
-                className="absolute inset-0 bg-black/40"
-                onClick={() => {
-                  setShowOrganisms(false);
-                  setOrganismQuery("");
-                }}
-              />
+  <div className="fixed inset-0 z-30">
+    {/* Overlay */}
+    <div
+      className="absolute inset-0 bg-black/40"
+      onClick={() => {
+        setShowOrganisms(false);
+        setOrganismQuery("");
+      }}
+    />
 
               {/* Panel */}
               <div className="absolute right-0 top-0 h-full w-full sm:w-[520px] bg-white shadow-2xl flex flex-col">