diff --git a/app/livechat/client/views/app/livechatReadOnly.html b/app/livechat/client/views/app/livechatReadOnly.html
index 4eea70906b1ef..c2c878a8d29f9 100644
--- a/app/livechat/client/views/app/livechatReadOnly.html
+++ b/app/livechat/client/views/app/livechatReadOnly.html
@@ -1,23 +1,21 @@
 <template name="livechatReadOnly">
 	{{#if roomOpen}}
-		{{#if showPreview}}
-			{{#if isPreparing}}
-				{{> loading}}
+		{{#if isPreparing}}
+			{{> loading}}
+		{{else}}
+			{{#if isOnHold}}
+				<div class="rc-message-box__join">
+					{{{_ "chat_on_hold_due_to_inactivity"}}}
+					<button class="rc-button rc-button--primary rc-button--small rc-message-box__resume-it-button js-resume-it">{{_ "Resume"}}</button>
+				</div>
 			{{else}}
-				{{#if isOnHold}}
+				{{#if inquiryOpen}}
 					<div class="rc-message-box__join">
-						{{{_ "chat_on_hold_due_to_inactivity"}}}
-						<button class="rc-button rc-button--primary rc-button--small rc-message-box__resume-it-button js-resume-it">{{_ "Resume"}}</button>
+						{{{_ "you_are_in_preview_mode_of_incoming_livechat"}}}
+						<button class="rc-button rc-button--primary rc-button--small rc-message-box__take-it-button js-take-it">{{_ "Take_it"}}</button>
 					</div>
 				{{else}}
-					{{#if inquiryOpen}}
-						<div class="rc-message-box__join">
-							{{{_ "you_are_in_preview_mode_of_incoming_livechat"}}}
-							<button class="rc-button rc-button--primary rc-button--small rc-message-box__take-it-button js-take-it">{{_ "Take_it"}}</button>
-						</div>
-					{{else}}
-						{{_ "room_is_read_only"}}
-					{{/if}}
+					{{_ "room_is_read_only"}}
 				{{/if}}
 			{{/if}}
 		{{/if}}
diff --git a/app/livechat/client/views/app/livechatReadOnly.js b/app/livechat/client/views/app/livechatReadOnly.js
index fcfaed1111298..adec67da50fb7 100644
--- a/app/livechat/client/views/app/livechatReadOnly.js
+++ b/app/livechat/client/views/app/livechatReadOnly.js
@@ -12,7 +12,8 @@ import { inquiryDataStream } from '../../lib/stream/inquiry';
 Template.livechatReadOnly.helpers({
 	inquiryOpen() {
 		const inquiry = Template.instance().inquiry.get();
-		return inquiry && inquiry.status === 'queued';
+		const room = Template.instance().room.get();
+		return (inquiry && inquiry.status === 'queued') || !room.servedBy;
 	},
 
 	roomOpen() {
@@ -88,7 +89,7 @@ Template.livechatReadOnly.onCreated(function() {
 
 	this.autorun(() => this.loadInquiry(this.rid));
 	this.autorun(() => {
-		this.room.set(ChatRoom.findOne({ _id: Template.currentData().rid }, { fields: { open: 1 } }));
+		this.room.set(ChatRoom.findOne({ _id: Template.currentData().rid }, { fields: { open: 1, servedBy: 1 } }));
 	});
 });
 
diff --git a/app/livechat/lib/LivechatRoomType.js b/app/livechat/lib/LivechatRoomType.js
index c2392a9e71121..7ec039b653261 100644
--- a/app/livechat/lib/LivechatRoomType.js
+++ b/app/livechat/lib/LivechatRoomType.js
@@ -100,7 +100,7 @@ export default class LivechatRoomType extends RoomTypeConfig {
 		}
 	}
 
-	readOnly(rid, user) {
+	readOnly(rid) {
 		const room = ChatRoom.findOne({ _id: rid }, { fields: { open: 1, servedBy: 1 } });
 		if (!room || !room.open) {
 			return true;
@@ -111,7 +111,7 @@ export default class LivechatRoomType extends RoomTypeConfig {
 			return true;
 		}
 
-		return (!room.servedBy || room.servedBy._id !== user._id) && !hasPermission('view-livechat-rooms');
+		return !room.servedBy;
 	}
 
 	getAvatarPath(roomData) {
diff --git a/app/livechat/server/lib/Helper.js b/app/livechat/server/lib/Helper.js
index 9341a3acb7326..6ac35a141024c 100644
--- a/app/livechat/server/lib/Helper.js
+++ b/app/livechat/server/lib/Helper.js
@@ -122,6 +122,11 @@ export const createLivechatSubscription = (rid, name, guest, agent, department)
 		username: String,
 	}));
 
+	const existingSubscription = Subscriptions.findOneByRoomIdAndUserId(rid, agent.agentId);
+	if (existingSubscription?._id) {
+		return existingSubscription;
+	}
+
 	const { _id, username, token, status = 'online' } = guest;
 
 	const subscriptionData = {
@@ -306,7 +311,7 @@ export const forwardRoomToAgent = async (room, transferData) => {
 	const { servedBy } = roomTaken;
 	if (servedBy) {
 		if (oldServedBy && servedBy._id !== oldServedBy._id) {
-			removeAgentFromSubscription(rid, oldServedBy);
+			RoutingManager.removeAllRoomSubscriptions(room, servedBy);
 		}
 		Messages.createUserJoinWithRoomIdAndUser(rid, { _id: servedBy._id, username: servedBy.username });
 
@@ -393,7 +398,7 @@ export const forwardRoomToDepartment = async (room, guest, transferData) => {
 
 	Livechat.saveTransferHistory(room, transferData);
 	if (oldServedBy) {
-		removeAgentFromSubscription(rid, oldServedBy);
+		RoutingManager.removeAllRoomSubscriptions(room, servedBy);
 	}
 	if (!chatQueued && servedBy) {
 		Messages.createUserJoinWithRoomIdAndUser(rid, servedBy);
diff --git a/app/livechat/server/lib/RoutingManager.js b/app/livechat/server/lib/RoutingManager.js
index 7de0a4ce0a744..607418bf323c5 100644
--- a/app/livechat/server/lib/RoutingManager.js
+++ b/app/livechat/server/lib/RoutingManager.js
@@ -101,8 +101,8 @@ export const RoutingManager = {
 		const { servedBy } = room;
 
 		if (servedBy) {
-			removeAgentFromSubscription(rid, servedBy);
 			LivechatRooms.removeAgentByRoomId(rid);
+			this.removeAllRoomSubscriptions(room);
 			dispatchAgentDelegated(rid, null);
 		}
 
@@ -170,6 +170,18 @@ export const RoutingManager = {
 		dispatchInquiryQueued(inquiry, defaultAgent);
 		return defaultAgent;
 	},
+
+	removeAllRoomSubscriptions(room, ignoreUser) {
+		const { _id: roomId } = room;
+
+		const subscriptions = Subscriptions.findByRoomId(roomId).fetch();
+		subscriptions?.forEach(({ u }) => {
+			if (ignoreUser && ignoreUser._id === u._id) {
+				return;
+			}
+			removeAgentFromSubscription(roomId, u);
+		});
+	},
 };
 
 settings.get('Livechat_Routing_Method', function(key, value) {