diff --git a/src/components/ha-tooltip.ts b/src/components/ha-tooltip.ts
index 95465bea8a..9b4afa5cd4 100644
--- a/src/components/ha-tooltip.ts
+++ b/src/components/ha-tooltip.ts
@@ -29,6 +29,7 @@ export class HaTooltip extends SlTooltip {
         --sl-tooltip-padding: 8px;
         --sl-tooltip-border-radius: var(--ha-tooltip-border-radius, 4px);
         --sl-tooltip-arrow-size: var(--ha-tooltip-arrow-size, 8px);
+        --sl-z-index-tooltip: var(--ha-tooltip-z-index, 1000);
       }
     `,
   ];