diff --git a/src/lib/components/chat/ChatControls.svelte b/src/lib/components/chat/ChatControls.svelte
index 456a7b0c16..e8e5ea5375 100644
--- a/src/lib/components/chat/ChatControls.svelte
+++ b/src/lib/components/chat/ChatControls.svelte
@@ -62,7 +62,7 @@
 	let largeScreen = false;
 	let dragged = false;
 	let mounted = false;
-	let controlsWidth = 350;
+	let controlsWidth = 300;
 	let viewportWidth = 0;
 
 	// Tab state for Controls+Files panel
@@ -162,7 +162,7 @@
 	};
 
 	onMount(() => {
-		const mediaQuery = window.matchMedia('(min-width: 1024px)');
+		const mediaQuery = window.matchMedia('(min-width: 768px)');
 		mediaQuery.addEventListener('change', handleMediaQuery);
 		handleMediaQuery(mediaQuery);
 
@@ -347,10 +347,8 @@
 	<ResizableSidePanel
 		open={$showControls}
 		bind:width={controlsWidth}
-		minWidth={350}
+		minWidth={300}
 		minSiblingWidth={360}
-		closeOnDragBelowMinWidth
-		onClose={() => showControls.set(false)}
 		storageKey="chatControlsSize"
 		className="h-full z-10 bg-white dark:bg-gray-900"
 	>