diff --git a/components/editor/panel-dock.tsx b/components/editor/panel-dock.tsx
index cb2aa0c..12f4ee6 100644
--- a/components/editor/panel-dock.tsx
+++ b/components/editor/panel-dock.tsx
@@ -42,15 +42,11 @@ export function PanelDock() {
 
   return (
     <div className="w-[280px] border-l border-border bg-card flex flex-col overflow-hidden">
-      {/* Always visible panels */}
-      <div className="border-b border-border" style={{ height: '400px' }}>
+      {/* Always visible: Layers Panel */}
+      <div className="border-b border-border" style={{ height: '50%', minHeight: '300px' }}>
         <LayersPanel />
       </div>
 
-      <div className="border-b border-border" style={{ height: '200px' }}>
-        <ColorPanel />
-      </div>
-
       {/* Tabbed section */}
       <div className="flex-1 flex flex-col overflow-hidden">
         {/* Tab buttons */}
@@ -91,6 +87,9 @@ export function PanelDock() {
         <div className="flex-1 overflow-y-auto">
           {activeTab === 'adjustments' && (
             <div>
+              <CollapsibleSection title="Colors">
+                <ColorPanel />
+              </CollapsibleSection>
               <CollapsibleSection title="Filters">
                 <FilterPanel />
               </CollapsibleSection>