diff --git a/src/components/dashboard/ExploreServicesPage.tsx b/src/components/dashboard/ExploreServicesPage.tsx
index bc4e6b0..99e7b74 100644
--- a/src/components/dashboard/ExploreServicesPage.tsx
+++ b/src/components/dashboard/ExploreServicesPage.tsx
@@ -1,4 +1,4 @@
-import { For, Show, createMemo, createSignal, onMount } from "solid-js";
+import { For, Show, createMemo, createSignal, onMount, type JSX } from "solid-js";
 import { ArrowLeft, Camera, Scissors, GraduationCap, Code2, Clapperboard, PenTool, Megaphone, Dumbbell, UtensilsCrossed, Globe, Users, UserCircle, FileText, TrendingUp, Award, BarChart3, ShieldCheck } from "lucide-solid";
 import { BTN_GHOST, CARD } from "~/components/DashboardShell";
 import RoleWizard from "~/components/dashboard/RoleWizard";
@@ -34,7 +34,7 @@ type RoleCard = {
   subtitle: string;
   /** "Register" | "Switch" | "Current Role" | "Under Review" */
   action: string;
-  Icon: (props: { size: number; color: string; strokeWidth: number }) => unknown;
+  Icon: (props: { size?: number; color?: string; strokeWidth?: number; style?: string }) => JSX.Element;
   status: "Active" | "Pending" | "Registered" | "Available";
 };