diff --git a/addons/mail/static/src/components/rtc_invitations/rtc_invitations.scss b/addons/mail/static/src/components/rtc_invitations/rtc_invitations.scss
index 2692ca19cda..4b26635c5cc 100644
--- a/addons/mail/static/src/components/rtc_invitations/rtc_invitations.scss
+++ b/addons/mail/static/src/components/rtc_invitations/rtc_invitations.scss
@@ -3,11 +3,5 @@
 // ------------------------------------------------------------------
 
 .o_RtcInvitations {
-    display: flex;
-    flex-direction: column;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    padding: map-get($spacers, 2);
     z-index: $zindex-modal;
 }
diff --git a/addons/mail/static/src/components/rtc_invitations/rtc_invitations.xml b/addons/mail/static/src/components/rtc_invitations/rtc_invitations.xml
index dc973375210..c35b2f07c26 100644
--- a/addons/mail/static/src/components/rtc_invitations/rtc_invitations.xml
+++ b/addons/mail/static/src/components/rtc_invitations/rtc_invitations.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="mail.RtcInvitations" owl="1">
-        <div class="o_RtcInvitations" t-attf-class="{{ className }}" t-ref="root">
+        <div class="o_RtcInvitations position-absolute top-0 end-0 d-flex flex-column p-2" t-attf-class="{{ className }}" t-ref="root">
             <t t-if="messaging.ringingThreads">
                 <t t-foreach="messaging.rtcInvitationCards" t-as="rtcInvitationCard" t-key="rtcInvitationCard.localId">
                     <RtcInvitationCard record="rtcInvitationCard"/>