fix: chat UI fix for media

components/chat/media-grid.tsx

@@ -37,7 +37,10 @@ export function MediaGrid({
         onClick={() => onOpen(0)}
         className="block overflow-hidden rounded-lg"
       >
-        <Tile item={items[0]} className="max-h-72 w-auto" />
+        <Tile
+          item={items[0]}
+          className="max-h-64 w-auto sm:max-h-52 sm:max-w-52"
+        />
       </button>
     );
   }
@@ -46,7 +49,7 @@ export function MediaGrid({
     // Two columns throughout: two items make a row, three or four make the
     // 2×2. A three-item grid deliberately leaves the fourth cell empty rather
     // than stretching one tile — an uneven crop reads worse than a gap.
-    <div className="grid w-56 grid-cols-2 gap-0.5 overflow-hidden rounded-lg sm:w-64">
+    <div className="grid w-56 grid-cols-2 gap-0.5 overflow-hidden rounded-lg sm:w-52">
       {visible.map((item, i) => {
         const isLast = i === visible.length - 1;
         return (