diff --git a/src/app.css b/src/app.css
index e89e137b..49e93922 100644
--- a/src/app.css
+++ b/src/app.css
@@ -365,10 +365,7 @@
 /* tippy popover */
 
 .tippy-target {
-  position: fixed;
-  inset: 0;
-  z-index: 9999;
-  pointer-events: none;
+  @apply pointer-events-none fixed inset-0 z-tooltip;
 }
 
 .tippy-target > * {
diff --git a/tailwind.config.js b/tailwind.config.js
index 609605f7..0083477d 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,7 +9,7 @@ config({path: ".env"})
 export default {
   content: ["./src/**/*.{html,js,svelte,ts}"],
   darkMode: ["selector", '[data-theme="dark"]'],
-  safelist: ["bg-success", "bg-warning", 'w-4 h-4'],
+  safelist: ["bg-success", "bg-warning", "w-4 h-4"],
   theme: {
     extend: {},
     zIndex: {
@@ -21,7 +21,7 @@ export default {
       nav: 5,
       popover: 6,
       modal: 7,
-      "modal-feature": 8,
+      tooltip: 8,
       toast: 9,
     },
   },