diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon.stories.ts
index 180c09f639..3ce6b4e598 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/icon-registry/icon.stories.ts
@@ -8,6 +8,7 @@ export default {
 } as Meta;
 
 const Template: Story = () => {
+	const approvedIcons = icons.filter((x) => x.legacy !== true);
 	return html`
 		<div
 			style="display: grid;
@@ -17,7 +18,7 @@ const Template: Story = () => {
     place-items: start;
     justify-content: space-between;">
 			${repeat(
-				icons,
+				approvedIcons,
 				(icon) => icon.name,
 				(icon) =>
 					html` <div