diff --git a/src/styles/global.css b/src/styles/global.css
index baa7bf8..b17f12c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1818,6 +1818,21 @@ footer {
     flex-direction: column;
     gap: 0.25rem;
   }
+  .ai-input-layout {
+    gap: 0.75rem;
+    flex-direction: column;
+  }
+  .ai-suggestions-section {
+    flex: 0 0 auto;
+    width: 100%;
+    max-width: none;
+  }
+  .ai-textarea-section {
+    flex: 1;
+    min-width: 0;
+    width: 100%;
+    min-height: 100px;
+  }
 }
 
 @media (width <= 640px) {
@@ -1951,9 +1966,7 @@ footer {
   .kb-entry .flex.gap-2 {
     gap: 0.5rem;
   }
-  .ai-input-layout {
-    gap: 0.75rem;
-  }
+
   
   .prompting-card {
     padding: 0.75rem;