diff --git a/src/scss/card.scss b/src/scss/card.scss
index 12e0a913..363362ac 100644
--- a/src/scss/card.scss
+++ b/src/scss/card.scss
@@ -188,21 +188,12 @@ web-dialog::part(dialog) {
   border-bottom-right-radius: var(--ha-card-border-radius, 4px);
 }
 
-/****************
- * Overlay styles
- ****************/
-frigate-card-overlay {
-  // Higher than the drawer (menu renders over drawer).
-  z-index: 20;
-}
-
 /*******************
  * Menu hover styles
  *******************/
 
 frigate-card-menu {
-  // z-index is within the overlay stacking context.
-  z-index: 1;
+  z-index: 2;
 }
 
 frigate-card-menu[data-style*='hover'] {
@@ -218,6 +209,10 @@ frigate-card-menu[data-style*='hover']:hover,
  * Status bar hover styles
  *************************/
 
+frigate-card-status-bar {
+  z-index: 1;
+}
+
 frigate-card-status-bar[data-style*='hover'] {
   transition: opacity 0.5s ease;
   opacity: 0;