diff --git a/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx b/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx
index 0e0ff1c..c980bc2 100644
--- a/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx
+++ b/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx
@@ -10,7 +10,7 @@ const component_arguments = {
 	bleed: new Args.Boolean(),
 	tiles: new Args.List(
 		new Args.Structured({
-			icon: new Args.Enum(getAllIconNames),
+			icon: new Args.Enum(async () => ["none", ...(await getAllIconNames())]),
 			color: new Args.Enum(async () =>
 				getColorVariables().filter(
 					(e) => !e.includes("text") && !e.includes("link")
@@ -48,7 +48,9 @@ export class IconTilesGrid extends Component<typeof component_arguments> {
 							class="icon-tiles-grid__tile"
 							style={`--tile-bg-color: var(${tile.color}); --tile-fg-color: var(${getFgColorVariable(tile.color, 4.2)})`}
 						>
-							<div class="icon">{icon(tile.icon)}</div>
+							<div class="icon">
+								{tile.icon == "none" ? "" : icon(tile.icon)}
+							</div>
 							<div class="name">{insert_nbsp(tile.name)}</div>
 							<div class="description">{insert_nbsp(tile.name)}</div>
 						</div>