diff --git a/core/src/components/loading/loading.tsx b/core/src/components/loading/loading.tsx
index 5a66d80252..c24f3d6349 100644
--- a/core/src/components/loading/loading.tsx
+++ b/core/src/components/loading/loading.tsx
@@ -189,7 +189,7 @@ export class Loading implements OverlayInterface {
 
     return {
       style: {
-        zIndex: 20000 + this.overlayIndex
+        zIndex: 40000 + this.overlayIndex
       },
       class: {
         ...createThemedClasses(this.mode, 'loading'),
diff --git a/core/src/components/toast/toast.tsx b/core/src/components/toast/toast.tsx
index a82417731a..671e79daed 100644
--- a/core/src/components/toast/toast.tsx
+++ b/core/src/components/toast/toast.tsx
@@ -174,6 +174,9 @@ export class Toast implements OverlayInterface {
     const themedClasses = this.translucent ? createThemedClasses(this.mode, 'toast-translucent') : {};
 
     return {
+      style: {
+        zIndex: 60000 + this.overlayIndex,
+      },
       class: {
         ...themedClasses,
         ...createThemedClasses(this.mode, 'toast'),