diff --git a/client/src/App.jsx b/client/src/App.jsx
index 40a4c19..c6ed2fb 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -12,7 +12,6 @@ import './App.css';
 
 function App() {
   const connect = useTurtleStore((state) => state.connect);
-  const [view, setView] = useState('split'); // 'split', 'map', 'panel'
   const [panelTab, setPanelTab] = useState('control'); // 'control', 'voice', 'stats', 'groups', 'tasks', 'paths', 'areas'
   const turtles = useTurtleStore((state) => state.getTurtleArray());
   const selectedTurtle = useTurtleStore((state) => state.getSelectedTurtle());
@@ -47,35 +46,11 @@ function App() {
 
   return (
     <div className="app">
-      <div className="view-controls">
-        <button 
-          className={view === 'split' ? 'active' : ''}
-          onClick={() => setView('split')}
-        >
-          📊 Split View
-        </button>
-        <button 
-          className={view === 'map' ? 'active' : ''}
-          onClick={() => setView('map')}
-        >
-          🗺️ Map Only
-        </button>
-        <button 
-          className={view === 'panel' ? 'active' : ''}
-          onClick={() => setView('panel')}
-        >
-          🎮 Control Only
-        </button>
-      </div>
-
-      <div className={`app-content ${view}`}>
-        {(view === 'split' || view === 'map') && (
-          <div className="map-container">
-            <Map3D />
-          </div>
-        )}
-        {(view === 'split' || view === 'panel') && (
-          <div className="panel-container">
+      <div className="app-content split">
+        <div className="map-container">
+          <Map3D />
+        </div>
+        <div className="panel-container">
             <div className="panel-tabs">
               <button 
                 className={panelTab === 'control' ? 'active' : ''}
@@ -131,7 +106,6 @@ function App() {
               {renderPanelContent()}
             </div>
           </div>
-        )}
       </div>
     </div>
   );