diff --git a/site/src/components/Union.astro b/site/src/components/Union.astro
index c8d4dc1..0a5dfd7 100644
--- a/site/src/components/Union.astro
+++ b/site/src/components/Union.astro
@@ -8,10 +8,17 @@ export interface Props extends HTMLAttributes<'code'> {
 const { types, class: cls, ...props } = Astro.props
 ---
 
-<Type {...props} class:list={[cls, 'inline-flex flex-wrap gap-[0.5em] leading-snug']}>
+<Type {...props} class:list={[cls, 'leading-snug']}>
 	{
 		types.map((type, i) => (
-			<span class:list={[i !== types.length - 1 && 'border-r-[0.125em] pr-[0.5em]']}>{type}</span>
+			<span
+				class:list={[
+					'mr-[0.5em] inline-block last:mr-0',
+					i !== types.length - 1 && 'border-r-[0.125em] pr-[0.5em]'
+				]}
+			>
+				{type}
+			</span>
 		))
 	}
 </Type>