diff --git a/addons/mail/static/src/components/chatter_container/chatter_container.scss b/addons/mail/static/src/components/chatter_container/chatter_container.scss
deleted file mode 100644
index 8cd51580ec9..00000000000
--- a/addons/mail/static/src/components/chatter_container/chatter_container.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// ------------------------------------------------------------------
-// Layout
-// ------------------------------------------------------------------
-
-.o_ChatterContainer {
-    display: flex;
-    flex: 1 1 auto;
-    width: map-get($sizes, 100);
-}
-
-.o_ChatterContainer_noChatter {
-    flex: 1 1 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.o_ChatterContainer_noChatterIcon {
-    margin-right: map-get($spacers, 2);
-}
-
-// ------------------------------------------------------------------
-// Style
-// ------------------------------------------------------------------
-
diff --git a/addons/mail/static/src/components/chatter_container/chatter_container.xml b/addons/mail/static/src/components/chatter_container/chatter_container.xml
index 8c90a14aa63..e8099e97f60 100644
--- a/addons/mail/static/src/components/chatter_container/chatter_container.xml
+++ b/addons/mail/static/src/components/chatter_container/chatter_container.xml
@@ -2,12 +2,12 @@
 <templates xml:space="preserve">
 
     <t t-name="mail.ChatterContainer" owl="1">
-        <div class="o_ChatterContainer" t-attf-class="{{ className }}" data-command-category="mail" t-ref="root">
+        <div class="o_ChatterContainer flex-grow-1 d-flex w-100" t-attf-class="{{ className }}" data-command-category="mail" t-ref="root">
             <t t-if="chatter">
                 <Chatter localId="chatter.localId"/>
             </t>
             <t t-else="">
-                <div class="o_ChatterContainer_noChatter"><i class="o_ChatterContainer_noChatterIcon fa fa-circle-o-notch fa-spin"/>Please wait...</div>
+                <div class="o_ChatterContainer_noChatter flex-grow-1 align-items-center justify-content-center d-flex"><i class="o_ChatterContainer_noChatterIcon fa fa-circle-o-notch fa-spin me-2"/>Please wait...</div>
             </t>
         </div>
     </t>