fix: Docs feature grid alignment and icon sizing (TanStack#712)

alexcarpenter · web-flow · commit 40f9fc2f111c · 2026-02-13T10:29:31.000-08:00
diff --git a/src/components/FeatureGrid.tsx b/src/components/FeatureGrid.tsx
@@ -22,8 +22,8 @@ export function FeatureGrid({ title, items, gridClassName }: FeatureGridProps) {
         }
       >
         {items.map((d, i) => (
-          <span key={i} className="flex items-center gap-2">
-            <CheckCircleIcon className="text-green-500 " /> {d}
+          <span key={i} className="flex gap-2">
+            <CheckCircleIcon className="text-green-500 h-lh w-4 shrink-0" /> {d}
           </span>
         ))}
       </div>

Original file line number	Diff line number	Diff line change
`@@ -22,8 +22,8 @@ export function FeatureGrid({ title, items, gridClassName }: FeatureGridProps) {`
`22`	`22`	`}`
`23`	`23`	`>`
`24`	`24`	`{items.map((d, i) => (`
`25`		`- <span key={i} className="flex items-center gap-2">`
`26`		`- <CheckCircleIcon className="text-green-500 " /> {d}`
	`25`	`+ <span key={i} className="flex gap-2">`
	`26`	`+ <CheckCircleIcon className="text-green-500 h-lh w-4 shrink-0" /> {d}`
`27`	`27`	`</span>`
`28`	`28`	`))}`
`29`	`29`	`</div>`