diff --git a/web/src/lib/components/repo/pipelines/PipelineCardContent.svelte b/web/src/lib/components/repo/pipelines/PipelineCardContent.svelte
index 3a9afb2e..cb99cee9 100644
--- a/web/src/lib/components/repo/pipelines/PipelineCardContent.svelte
+++ b/web/src/lib/components/repo/pipelines/PipelineCardContent.svelte
@@ -131,8 +131,12 @@
 
 <div class={classes.meta()}>
 	<span class={classes.metaSub()}>
-		<Tag class="mt-px" size="large" color={STATUS_TAG_COLORS[status]} icon={STATUS_ICONS[status]}
-			>{STATUS_LABELS[status]}</Tag
+		<Tag
+			class="mt-px"
+			iconClass={STATUS_LABELS[status] === "Running" && "animate-[spin_2s_linear_infinite]"}
+			size="large"
+			color={STATUS_TAG_COLORS[status]}
+			icon={STATUS_ICONS[status]}>{STATUS_LABELS[status]}</Tag
 		>
 
 		<span class={classes.workflows()} title={longSummary(pipeline) || undefined}>
diff --git a/web/src/lib/components/ui/Tag.svelte b/web/src/lib/components/ui/Tag.svelte
index cc00709f..7cd926cc 100644
--- a/web/src/lib/components/ui/Tag.svelte
+++ b/web/src/lib/components/ui/Tag.svelte
@@ -17,7 +17,7 @@
 			size: {
 				small: "px-1 typography-paragraph-mini",
 				regular: "px-1.5 py-0.5 typography-paragraph-small",
-				large: "px-2 py-1 typography-paragraph-regular font-normal gap-2"
+				large: "gap-2 px-2 py-1 typography-paragraph-regular font-normal"
 			}
 		},
 		defaultVariants: {
@@ -40,6 +40,7 @@
 		/** Optional leading icon component (e.g. `import Hash from "$icon/hash"`). */
 		icon?: Component<SvelteHTMLElements["svg"]>;
 		class?: string;
+		iconClass?: string;
 		children?: Snippet;
 	}
 
@@ -48,6 +49,7 @@
 		size = "regular",
 		icon,
 		class: className,
+		iconClass,
 		children,
 		...rest
 	}: Props = $props();
@@ -58,7 +60,7 @@
 
 <span class={classes} {...rest}>
 	{#if Icon}
-		<Icon class="size-3 mt-px" aria-hidden="true" />
+		<Icon class="mt-px size-3 {iconClass}" aria-hidden="true" />
 	{/if}
 	{#if children}
 		{@render children()}