diff --git a/src/lib/scss/custom/pages/_conversation.scss b/src/lib/scss/custom/pages/_conversation.scss
index 0b4e7314..b6c7b1a7 100644
--- a/src/lib/scss/custom/pages/_conversation.scss
+++ b/src/lib/scss/custom/pages/_conversation.scss
@@ -7,6 +7,8 @@
 
 .list-title {
     width: 40%;
+    min-width: 100px;
+    max-width: 200px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
index 40914570..42cf8851 100644
--- a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
@@ -224,9 +224,9 @@
 		selectedTags = conversation?.tags || [];
 		initUserSentMessages(dialogs);
 		initChatView();
+		handlePaneResize();
 		const messageDraft = getMessageDraft();
 		text = messageDraft || '';
-		handlePaneResize();
 		
 		signalr.onMessageReceivedFromClient = onMessageReceivedFromClient;
 		signalr.onMessageReceivedFromCsr = onMessageReceivedFromClient;
diff --git a/src/routes/page/conversation/+page.svelte b/src/routes/page/conversation/+page.svelte
index 8af13626..26cb8e61 100644
--- a/src/routes/page/conversation/+page.svelte
+++ b/src/routes/page/conversation/+page.svelte
@@ -342,7 +342,8 @@
 	function handleStateSearch(query) {
 		return new Promise((resolve) => {
 			getConversationStateSearchKeys({
-				query: query
+				query: query,
+				keyLimit: 20
 			}).then(res => {
 				resolve(res || []);
 			}).catch(() => resolve([]));
@@ -440,7 +441,7 @@
 			</CardBody>
 			<CardBody>
 				<div class="table-responsive thin-scrollbar">
-					<Table class="align-middle nowrap" style="table-layout: fixed;" bordered>
+					<Table class="align-middle nowrap" bordered>
 						<thead>
 							<tr>
 								<th scope="col" class="list-title">{$_('Title')}</th>