diff --git a/public/scripts/templates/welcomePanel.html b/public/scripts/templates/welcomePanel.html
index f3a94c80b..69931c4c2 100644
--- a/public/scripts/templates/welcomePanel.html
+++ b/public/scripts/templates/welcomePanel.html
@@ -73,7 +73,7 @@
             {{/with}}
         {{/each}}
         {{#if more}}
-            <button class="menu_button menu_button_icon showMoreChats" data-i18n="[title]Show more recent chats" title="Show more recent chats">
+            <button class="menu_button menu_button_icon showMoreChats">
                 <small class="fa-solid fa-chevron-down fa-fw fa-1x"></small>
             </button>
         {{/if}}
diff --git a/public/scripts/welcome-screen.js b/public/scripts/welcome-screen.js
index e930a97e2..1c0792fb2 100644
--- a/public/scripts/welcome-screen.js
+++ b/public/scripts/welcome-screen.js
@@ -135,12 +135,17 @@ async function sendWelcomePanel() {
         });
         const hiddenChats = fragment.querySelectorAll('.recentChat.hidden');
         fragment.querySelectorAll('button.showMoreChats').forEach((button) => {
+            const showRecentChatsTitle = t`Show more recent chats`;
+            const hideRecentChatsTitle = t`Show less recent chats`;
+
+            button.setAttribute('title', showRecentChatsTitle);
             button.addEventListener('click', () => {
                 const rotate = button.classList.contains('rotated');
                 hiddenChats.forEach((chatItem) => {
                     chatItem.classList.toggle('hidden', rotate);
                 });
                 button.classList.toggle('rotated', !rotate);
+                button.setAttribute('title', rotate ? showRecentChatsTitle : hideRecentChatsTitle);
             });
         });
         fragment.querySelectorAll('button.openTemporaryChat').forEach((button) => {