diff --git a/WebApp/src/routes/+page.svelte b/WebApp/src/routes/+page.svelte
index d137310..3425331 100644
--- a/WebApp/src/routes/+page.svelte
+++ b/WebApp/src/routes/+page.svelte
@@ -283,7 +283,7 @@
 							class="group rounded-3xl border border-white/5 bg-white/[0.02] p-8 transition-all hover:bg-white/[0.05] hover:shadow-2xl"
 						>
 							<div class="mb-6 flex size-12 items-center justify-center rounded-2xl bg-sky-500/10 text-sky-400 transition-colors group-hover:bg-sky-500 group-hover:text-white">
-								<svelte:component this={feature.icon} class="size-6" />
+								<feature.icon class="size-6" />
 							</div>
 							<h3 class="text-xl font-bold text-white">{feature.title}</h3>
 							<p class="mt-3 text-sm leading-relaxed text-slate-400">{feature.description}</p>
@@ -308,7 +308,7 @@
 							{#each operationalRoles as role}
 								<div class="flex gap-6">
 									<div class="flex size-12 shrink-0 items-center justify-center rounded-2xl border border-white/10 bg-white/5 {role.color}">
-										<svelte:component this={role.icon} class="size-6" />
+										<role.icon class="size-6" />
 									</div>
 									<div>
 										<h3 class="text-xl font-bold text-white">{role.title}</h3>