Prevent <Card> icon from being shrunk (#3248)

HiDeoo · delucis · ArmandPhilippot · web-flow · commit 16c1239b3634 · 2025-06-13T14:49:26.000+02:00
Co-authored-by: delucis &lt;357379+delucis@users.noreply.github.com&gt;
Co-authored-by: ArmandPhilippot &lt;59021693+ArmandPhilippot@users.noreply.github.com&gt;
diff --git a/.changeset/two-dolphins-drive.md b/.changeset/two-dolphins-drive.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Prevents [icons in the `<Card>` component](https://starlight.astro.build/components/cards/#add-icons-to-cards) from being shrunk in some narrow viewports.
diff --git a/packages/starlight/user-components/Card.astro b/packages/starlight/user-components/Card.astro
@@ -58,6 +58,7 @@ const { icon, title } = Astro.props;
 			background-color: var(--sl-card-bg);
 			padding: 0.2em;
 			border-radius: 0.25rem;
+			flex-shrink: 0;
 		}
 		.card .body {
 			margin: 0;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@astrojs/starlight': patch
 +---
++
 +Prevents [icons in the `<Card>` component](https://starlight.astro.build/components/cards/#add-icons-to-cards) from being shrunk in some narrow viewports.
Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,7 @@ const { icon, title } = Astro.props;`
`58`	`58`	`background-color: var(--sl-card-bg);`
`59`	`59`	`padding: 0.2em;`
`60`	`60`	`border-radius: 0.25rem;`
	`61`	`+ flex-shrink: 0;`
`61`	`62`	`}`
`62`	`63`	`.card .body {`
`63`	`64`	`margin: 0;`