diff --git a/package-lock.json b/package-lock.json
index 27850a9a..08f499f6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -867,22 +867,22 @@
             }
         },
         "node_modules/@tailwindcss/forms": {
-            "version": "0.5.9",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.9.tgz",
-            "integrity": "sha512-tM4XVr2+UVTxXJzey9Twx48c1gcxFStqn1pQz0tRsX8o3DvxhN5oY5pvyAbUx7VTaZxpej4Zzvc6h+1RJBzpIg==",
+            "version": "0.5.10",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.10.tgz",
+            "integrity": "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "mini-svg-data-uri": "^1.2.3"
             },
             "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20"
+                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
             }
         },
         "node_modules/@tailwindcss/typography": {
-            "version": "0.5.15",
-            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.15.tgz",
-            "integrity": "sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==",
+            "version": "0.5.16",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.16.tgz",
+            "integrity": "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
@@ -892,7 +892,7 @@
                 "postcss-selector-parser": "6.0.10"
             },
             "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20"
+                "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
             }
         },
         "node_modules/@types/estree": {
diff --git a/resources/views/back/people/add/child.blade.php b/resources/views/back/people/add/child.blade.php
index cd89ce3f..740dc3bf 100644
--- a/resources/views/back/people/add/child.blade.php
+++ b/resources/views/back/people/add/child.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.add_child') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/add/father.blade.php b/resources/views/back/people/add/father.blade.php
index 2e2b099f..0af92e26 100644
--- a/resources/views/back/people/add/father.blade.php
+++ b/resources/views/back/people/add/father.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.add_father') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/add/mother.blade.php b/resources/views/back/people/add/mother.blade.php
index b743c877..c0e0c805 100644
--- a/resources/views/back/people/add/mother.blade.php
+++ b/resources/views/back/people/add/mother.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.add_mother') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/add/partner.blade.php b/resources/views/back/people/add/partner.blade.php
index eca241d2..a76a74a8 100644
--- a/resources/views/back/people/add/partner.blade.php
+++ b/resources/views/back/people/add/partner.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.add_relationship') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/ancestors.blade.php b/resources/views/back/people/ancestors.blade.php
index e4f7248b..5586d848 100644
--- a/resources/views/back/people/ancestors.blade.php
+++ b/resources/views/back/people/ancestors.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.ancestors') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/chart.blade.php b/resources/views/back/people/chart.blade.php
index 42d15539..0a2e4476 100644
--- a/resources/views/back/people/chart.blade.php
+++ b/resources/views/back/people/chart.blade.php
@@ -7,7 +7,7 @@
         {{ __('app.family_chart') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/datasheet.blade.php b/resources/views/back/people/datasheet.blade.php
index 9a8f875d..99254981 100644
--- a/resources/views/back/people/datasheet.blade.php
+++ b/resources/views/back/people/datasheet.blade.php
@@ -7,7 +7,7 @@
         {{ __('app.datasheet') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/descendants.blade.php b/resources/views/back/people/descendants.blade.php
index 56cbfb8f..748e9379 100644
--- a/resources/views/back/people/descendants.blade.php
+++ b/resources/views/back/people/descendants.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.descendants') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/contact.blade.php b/resources/views/back/people/edit/contact.blade.php
index 042f6ce2..9dce2219 100644
--- a/resources/views/back/people/edit/contact.blade.php
+++ b/resources/views/back/people/edit/contact.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.edit_contact') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/death.blade.php b/resources/views/back/people/edit/death.blade.php
index 04864d88..e1534717 100644
--- a/resources/views/back/people/edit/death.blade.php
+++ b/resources/views/back/people/edit/death.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.edit_death') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/family.blade.php b/resources/views/back/people/edit/family.blade.php
index 6a0d5b2c..02e0d729 100644
--- a/resources/views/back/people/edit/family.blade.php
+++ b/resources/views/back/people/edit/family.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.edit_family') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/files.blade.php b/resources/views/back/people/edit/files.blade.php
index 2c8c1988..aea9f252 100644
--- a/resources/views/back/people/edit/files.blade.php
+++ b/resources/views/back/people/edit/files.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.files') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/partner.blade.php b/resources/views/back/people/edit/partner.blade.php
index 346df130..c2129047 100644
--- a/resources/views/back/people/edit/partner.blade.php
+++ b/resources/views/back/people/edit/partner.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.edit_relationship') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/photos.blade.php b/resources/views/back/people/edit/photos.blade.php
index 6203119d..abba9e6c 100644
--- a/resources/views/back/people/edit/photos.blade.php
+++ b/resources/views/back/people/edit/photos.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.photos') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/edit/profile.blade.php b/resources/views/back/people/edit/profile.blade.php
index 3f19df93..0eb28449 100644
--- a/resources/views/back/people/edit/profile.blade.php
+++ b/resources/views/back/people/edit/profile.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.edit_profile') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/history.blade.php b/resources/views/back/people/history.blade.php
index 2d310d80..b3f63b3a 100644
--- a/resources/views/back/people/history.blade.php
+++ b/resources/views/back/people/history.blade.php
@@ -7,7 +7,7 @@
         {{ __('app.history') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/back/people/show.blade.php b/resources/views/back/people/show.blade.php
index 9e37a9d4..5ed586b8 100644
--- a/resources/views/back/people/show.blade.php
+++ b/resources/views/back/people/show.blade.php
@@ -7,7 +7,7 @@
         {{ __('person.profile') }}
     </x-slot>
 
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <livewire:people.heading :person="$person" />
     </div>
 
diff --git a/resources/views/layouts/partials/header.blade.php b/resources/views/layouts/partials/header.blade.php
index 454b9f82..541ab130 100644
--- a/resources/views/layouts/partials/header.blade.php
+++ b/resources/views/layouts/partials/header.blade.php
@@ -1,4 +1,4 @@
-<header class="sticky top-0 z-10 w-full shadow-md print:hidden">
+<header class="sticky top-0 z-30 w-full shadow-md print:hidden">
     {{-- menu --}}
     <livewire:navigation-menu />
 
diff --git a/resources/views/livewire/people/search.blade.php b/resources/views/livewire/people/search.blade.php
index bcfd21bd..4b08c376 100644
--- a/resources/views/livewire/people/search.blade.php
+++ b/resources/views/livewire/people/search.blade.php
@@ -1,6 +1,6 @@
 <div>
     {{-- search box section --}}
-    <div class="p-2 pb-5 sticky top-[6.5rem] z-40 bg-gray-100 dark:bg-gray-900">
+    <div class="p-2 pb-5 sticky top-[6.5rem] z-20 bg-gray-100 dark:bg-gray-900">
         <div class="p-2 flex flex-col rounded dark:text-neutral-200 bg-white dark:bg-neutral-700 shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)]">
             {{-- header --}}
             <div class="flex flex-wrap mb-2 text-lg">