diff --git a/addons/mail/static/src/components/dialog/dialog.scss b/addons/mail/static/src/components/dialog/dialog.scss
index ac7b264d8e3..06d75cf688c 100644
--- a/addons/mail/static/src/components/dialog/dialog.scss
+++ b/addons/mail/static/src/components/dialog/dialog.scss
@@ -2,18 +2,6 @@
 // Layout
 // ------------------------------------------------------------------
 
-.o_Dialog {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: $zindex-modal;
-}
-
 .o_Dialog_componentLargeSize {
     min-width: Min(95vw, $o-modal-lg);
     max-width: 95vw;
diff --git a/addons/mail/static/src/components/dialog/dialog.xml b/addons/mail/static/src/components/dialog/dialog.xml
index 49825fccd6b..a528daf9625 100644
--- a/addons/mail/static/src/components/dialog/dialog.xml
+++ b/addons/mail/static/src/components/dialog/dialog.xml
@@ -3,7 +3,7 @@
 
     <t t-name="mail.Dialog" owl="1">
         <t t-if="dialog">
-            <div class="o_Dialog" t-attf-class="{{ className }}" t-att-style="dialog.style" t-ref="root">
+            <div class="o_Dialog fixed-top bottom-0 d-flex" t-attf-class="{{ className }}" t-att-style="dialog.style" t-ref="root">
                 <t
                     t-component="constructor.components[dialog.componentName]"
                     t-props="{