diff --git a/public/css/Room.css b/public/css/Room.css
index 2e5600b1..f3031ca3 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -35,8 +35,8 @@
     --body-bg: radial-gradient(#393939, #000000);
     --border: 1px solid rgb(255 255 255 / 32%);
     --border-radius: 1rem;
-    --msger-height: 700px;
     --msger-width: 800px;
+    --msger-height: 700px;
     --msger-bubble-width: 85%;
     --msger-bg: radial-gradient(#393939, #000000);
     --wb-width: 800px;
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index fd981e7b..91f0448e 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -2958,6 +2958,7 @@ class RoomClient {
         const isParticipantsListHidden = plist.classList.contains('hidden');
         chat.style.marginLeft = isParticipantsListHidden ? 0 : '300px';
         chat.style.borderLeft = isParticipantsListHidden ? 'none' : '1px solid rgb(255 255 255 / 32%)';
+        if (this.isChatPinned) chat.style.display = isParticipantsListHidden ? 'block' : 'none';
         chatHistory.style.height = isParticipantsListHidden ? 'calc(100vh - 220px)' : '500px';
         this.toggleChatHistorySize(isParticipantsListHidden && (this.isChatPinned || this.isChatMaximized));
         plist.style.width = this.isChatPinned || this.isMobileDevice ? '100%' : '300px';