diff --git a/addons/mail/static/src/scss/thread.scss b/addons/mail/static/src/scss/thread.scss
index 227f3194937..13f73eb937e 100644
--- a/addons/mail/static/src/scss/thread.scss
+++ b/addons/mail/static/src/scss/thread.scss
@@ -3,7 +3,7 @@
         text-align: center;
     }
 
-    .o_mail_thread_content_asc, .o_mail_thread_content_desc {
+    .o_mail_thread_content {
         display: flex;
         flex-direction: column;
         min-height: 100%;
@@ -19,11 +19,18 @@
 
     .o_thread_typing_notification_bar {
         flex: 0, 0, 20px;
-        @include o-position-sticky($bottom: 0px);
         @include o-transparent-background-color(0.75, white);
         padding: 5px;
         text-align: center;
         color: gray('600');
+
+        &.o_thread_order_asc {
+            @include o-position-sticky($bottom: 0px);
+        }
+
+        &.o_thread_order_asc {
+            @include o-position-sticky($top: 0px);
+        }
     }
 
     .o_thread_tooltip_container {
diff --git a/addons/mail/static/src/xml/thread.xml b/addons/mail/static/src/xml/thread.xml
index 3cfaa19cb3d..d88418ee921 100644
--- a/addons/mail/static/src/xml/thread.xml
+++ b/addons/mail/static/src/xml/thread.xml
@@ -167,7 +167,7 @@
                       ASC Order
     -->
     <t t-name="mail.widget.Thread.Content.ASC">
-        <div class="o_mail_thread_content_asc">
+        <div class="o_mail_thread_content">
             <t t-if="options.displayLoadMore" t-call="mail.widget.Thread.LoadMore"/>
             <t t-call="mail.widget.Thread.Messages"/>
             <t t-if="options.displayBottomThreadFreeSpace">
@@ -196,7 +196,7 @@
 
     -->
     <t t-name="mail.widget.Thread.Content.DESC">
-        <div class="o_mail_thread_content_desc">
+        <div class="o_mail_thread_content">
             <t t-if="options.messagesSeparatorPosition == 'top'" t-call="mail.MessagesSeparator"/>
             <t t-set="messages" t-value="messages.slice().reverse()"/>
             <t t-if="thread.hasTypingNotification()" t-call="mail.widget.Thread.TypingNotificationBar"/>
@@ -209,9 +209,14 @@
         @param {mail.model.AbstractThread} thread
     -->
     <t t-name="mail.widget.Thread.TypingNotificationBar">
-        <div class="o_thread_typing_notification_free_space" t-if="options.displayOrder === ORDER.ASC"/>
-        <div class="o_thread_typing_notification_bar"/>
-        <div class="o_thread_typing_notification_free_space" t-if="options.displayOrder === ORDER.DESC"/>
+        <t t-if="options.displayOrder === ORDER.ASC">
+            <div class="o_thread_typing_notification_free_space"/>
+            <div class="o_thread_typing_notification_bar o_thread_order_asc"/>
+        </t>
+        <t t-else="">
+            <div class="o_thread_typing_notification_free_space"/>
+            <div class="o_thread_typing_notification_bar o_thread_order_desc"/>
+        </t>
     </t>
 
     <!--