diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 3be8e74..4839366 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -240,7 +240,7 @@ function App() {
               style={{ height: 'calc(100vh - 9.5rem)' }}
             >
               {/* Image + Text */}
-              <div className="grid grid-cols-2 gap-6 flex-1 min-h-0">
+              <div className="grid gap-6 flex-1 min-h-0" style={{ gridTemplateColumns: '3fr 2fr' }}>
                 {imagePreview && typeof imagePreview === 'string' ? (
                   <div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
                     <img
diff --git a/frontend/src/components/JobsPanel.jsx b/frontend/src/components/JobsPanel.jsx
index 0e4a9ec..23b3040 100644
--- a/frontend/src/components/JobsPanel.jsx
+++ b/frontend/src/components/JobsPanel.jsx
@@ -142,7 +142,7 @@ function JobDetail({ jobId, onClose, onReviewed }) {
       {job && !loading && (
         <>
           {/* Image + Text */}
-          <div className="grid grid-cols-2 gap-6 flex-1 min-h-0">
+          <div className="grid gap-6 flex-1 min-h-0" style={{ gridTemplateColumns: '3fr 2fr' }}>
             <div className="glass rounded-2xl overflow-hidden flex items-center justify-center bg-black/20 min-h-0">
               <img
                 src={`${API_BASE}/jobs/${job.id}/image`}