diff --git a/public/css/welcome.css b/public/css/welcome.css
index 4cecdf756..e7c7c8bdd 100644
--- a/public/css/welcome.css
+++ b/public/css/welcome.css
@@ -186,7 +186,7 @@ body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContaine
     align-self: center;
 }
 
-.welcomeRecent .recentChatList .showMoreChats.rotate {
+.welcomeRecent .recentChatList .showMoreChats.rotated {
     transform: rotate(180deg);
 }
 
diff --git a/public/scripts/welcome-screen.js b/public/scripts/welcome-screen.js
index 1dee39059..d1ba3b9a4 100644
--- a/public/scripts/welcome-screen.js
+++ b/public/scripts/welcome-screen.js
@@ -107,11 +107,11 @@ async function sendWelcomePanel() {
         const hiddenChats = fragment.querySelectorAll('.recentChat.hidden');
         fragment.querySelectorAll('button.showMoreChats').forEach((button) => {
             button.addEventListener('click', () => {
-                const rotate = button.classList.contains('rotate');
+                const rotate = button.classList.contains('rotated');
                 hiddenChats.forEach((chatItem) => {
                     chatItem.classList.toggle('hidden', rotate);
                 });
-                button.classList.toggle('rotate', !rotate);
+                button.classList.toggle('rotated', !rotate);
             });
         });
         fragment.querySelectorAll('button.openTemporaryChat').forEach((button) => {