diff --git a/addons/mail/static/src/views/activity/activity_controller.xml b/addons/mail/static/src/views/activity/activity_controller.xml
index c0707e7ec9b..337bcc30ce0 100644
--- a/addons/mail/static/src/views/activity/activity_controller.xml
+++ b/addons/mail/static/src/views/activity/activity_controller.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
     <t t-name="mail.ActivityController" owl="1">
-        <div t-att-class="props.className">
+        <div t-att-class="props.className + (env.isSmall ? ' o_action_delegate_scroll': '')">
             <Layout display="props.display">
                 <t t-component="props.Renderer" t-props="rendererProps" />
             </Layout>
diff --git a/addons/test_mail/__manifest__.py b/addons/test_mail/__manifest__.py
index cb3038e3472..2a8f154a743 100644
--- a/addons/test_mail/__manifest__.py
+++ b/addons/test_mail/__manifest__.py
@@ -24,6 +24,9 @@ tests independently to functional aspects of other models. """,
         'web.qunit_suite_tests': [
             'test_mail/static/tests/*',
         ],
+        'web.qunit_mobile_suite_tests': [
+            'test_mail/static/tests/mobile/activity_tests.js',
+        ],
         'web.tests_assets': [
             'test_mail/static/tests/helpers/*',
         ],
diff --git a/addons/test_mail/static/tests/mobile/activity_tests.js b/addons/test_mail/static/tests/mobile/activity_tests.js
new file mode 100644
index 00000000000..2fd075796f0
--- /dev/null
+++ b/addons/test_mail/static/tests/mobile/activity_tests.js
@@ -0,0 +1,49 @@
+/** @odoo-module **/
+
+import { start } from "@mail/../tests/helpers/test_utils";
+import { prepareTarget } from "web.test_utils";
+
+QUnit.module("test_mail", () => {
+QUnit.module("activity view mobile");
+
+QUnit.test("horizontal scroll applies only to the content, not to the whole controller", async (assert) => {
+    const viewPort = prepareTarget();
+    viewPort.style.position = "initial";
+    viewPort.style.width = "initial";
+
+    const { openView } = await start();
+    await openView({
+        res_model: "mail.test.activity",
+        views: [[false, "activity"]],
+    });
+    const o_view_controller = document.querySelector(".o_view_controller");
+    const o_content = o_view_controller.querySelector(".o_content");
+
+    const o_cp_item = o_view_controller.querySelector(".o_control_panel .breadcrumb-item.active");
+    const initialXCpItem = o_cp_item.getBoundingClientRect().x;
+
+    const o_header_cell = o_content.querySelector(".o_activity_type_cell");
+    const initialXHeaderCell = o_header_cell.getBoundingClientRect().x;
+
+    assert.hasClass(o_view_controller, "o_action_delegate_scroll",
+        "the 'o_view_controller' should be have the 'o_action_delegate_scroll'.");
+    assert.strictEqual(window.getComputedStyle(o_view_controller).overflow, "hidden",
+        "the view controller should have overflow hidden");
+    assert.strictEqual(window.getComputedStyle(o_content).overflow, "auto",
+        "the view content should have the overflow auto");
+    assert.strictEqual(o_content.scrollLeft, 0, "the o_content should not have scroll value");
+
+    // Horizontal scroll
+    o_content.scrollLeft = 100;
+
+    assert.strictEqual(o_content.scrollLeft, 100,
+        "the o_content should be 100 due to the overflow auto");
+    assert.ok(o_header_cell.getBoundingClientRect().x < initialXHeaderCell,
+        "the gantt header cell x position value should be lower after the scroll");
+    assert.strictEqual(o_cp_item.getBoundingClientRect().x, initialXCpItem,
+        "the item x position of the control panel button should be the same after the scroll");
+    viewPort.style.position = "";
+    viewPort.style.width = "";
+});
+
+});