diff --git a/frontend/src/features/swarm/pages/SwarmControlPage.js b/frontend/src/features/swarm/pages/SwarmControlPage.js
index 8d01787..524ae43 100644
--- a/frontend/src/features/swarm/pages/SwarmControlPage.js
+++ b/frontend/src/features/swarm/pages/SwarmControlPage.js
@@ -367,9 +367,11 @@
       {/* Main content area */}
       <div className="flex-grow flex flex-col min-h-0 min-w-0 bg-transparent" ref={pageContainerRef}>
         <div className="px-6 md:px-16 lg:px-24 w-full h-full pt-12 flex flex-col min-h-0 min-w-0 mx-auto">
-          {/* Chat Area & Header */}
-          <div className="flex flex-col h-full min-h-0">
-            <div className="flex-grow bg-white dark:bg-gray-800 rounded-xl rounded-b-none shadow-lg border border-gray-200 dark:border-gray-700 flex flex-col min-h-0 min-w-0 transition-all duration-300">
+          {/* Main Layout Area */}
+          <div className="flex flex-row h-full min-h-0 gap-4">
+            {/* Chat Area & Console (Left Panel) */}
+            <div className="flex flex-col h-full min-h-0 flex-grow min-w-0">
+              <div className="flex-grow bg-white dark:bg-gray-800 rounded-xl rounded-b-none shadow-lg border border-gray-200 dark:border-gray-700 flex flex-col min-h-0 min-w-0 transition-all duration-300">
               <h2 className="p-4 text-xl font-bold flex flex-col md:flex-row justify-between items-start md:items-center border-b border-gray-100 dark:border-gray-700 gap-4 md:gap-0">
                 <div className="flex flex-wrap items-center gap-3 w-full md:w-auto">
                   <div className="p-2 bg-indigo-100 dark:bg-indigo-900/30 rounded-lg">
@@ -572,6 +574,7 @@
               setIsConsoleExpanded={setIsConsoleExpanded}
               isProcessing={isProcessing}
             />
+            </div>
 
             <SwarmControlFileExplorerOverlay
               showFileExplorer={showFileExplorer}