diff --git a/src/App.tsx b/src/App.tsx
index 049ca76..7d403f2 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -113,8 +113,8 @@ function App() {
 
         {envs.length > 0 ? (
           <div className="grid grid-cols-1 lg:grid-cols-12 gap-6">
-            {/* Environment Panel - Fixed 4/12 on all large screens */}
-            <section className="lg:col-span-4 xl:col-span-4 2xl:col-span-3">
+            {/* Environment Panel - 5/12 width */}
+            <section className="lg:col-span-5 xl:col-span-5 2xl:col-span-5">
               <div className="sticky top-6">
                 <Environment
                   envs={envs}
@@ -126,8 +126,8 @@ function App() {
               </div>
             </section>
 
-            {/* Content Panel - Maximum width (8/12 → 9/12 on 2xl) */}
-            <section className="lg:col-span-8 xl:col-span-8 2xl:col-span-9">
+            {/* Content Panel - 7/12 width */}
+            <section className="lg:col-span-7 xl:col-span-7 2xl:col-span-7">
               <Content
                 env={currentEnv}
                 config={config}