diff --git a/src/components/ha-toast.ts b/src/components/ha-toast.ts
index 4f6be82b24..16ff711073 100644
--- a/src/components/ha-toast.ts
+++ b/src/components/ha-toast.ts
@@ -13,6 +13,7 @@ export class HaToast extends Snackbar {
       }
 
       .mdc-snackbar {
+        z-index: 10;
         margin: 8px;
         right: calc(8px + var(--safe-area-inset-right));
         bottom: calc(8px + var(--safe-area-inset-bottom));