diff --git a/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss
index 360c8d8a012..3115035b2c8 100644
--- a/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss
+++ b/projects/igniteui-angular/src/lib/core/styles/components/dialog/_dialog-theme.scss
@@ -171,6 +171,9 @@
     %igx-dialog-content {
         color: var-get($theme, 'message-color');
         padding: $dialog-message-padding;
+        // The 2 rules below are related to https://github.com/IgniteUI/igniteui-angular/issues/11300
+        position: relative;
+        z-index: 0;
     }
 
     %igx-dialog-message {