diff --git a/src/App.tsx b/src/App.tsx
index 3fc60e3..984842c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -114,7 +114,7 @@ function App() {
         {envs.length > 0 ? (
           <div className="grid grid-cols-1 lg:grid-cols-12 gap-6">
             {/* Environment Panel */}
-            <section className="lg:col-span-5 xl:col-span-4">
+            <section className="lg:col-span-4 xl:col-span-4">
               <div className="sticky top-6">
                 <Environment
                   envs={envs}
@@ -127,7 +127,7 @@ function App() {
             </section>
 
             {/* Content Panel */}
-            <section className="lg:col-span-7 xl:col-span-8">
+            <section className="lg:col-span-8 xl:col-span-8">
               <Content
                 env={currentEnv}
                 config={config}