diff --git a/apps/web/components/shared/service-card.tsx b/apps/web/components/shared/service-card.tsx
index 71baa8b..5a496c3 100644
--- a/apps/web/components/shared/service-card.tsx
+++ b/apps/web/components/shared/service-card.tsx
@@ -16,7 +16,7 @@ export function ServiceCard({ active, duration, name }: Readonly<ServiceCardProp
       )}
     >
       <div className="flex w-full items-center justify-between gap-2">
-        <span className="text-base font-semibold text-foreground">{name}</span>
+        <span className="truncate text-base font-semibold text-foreground">{name}</span>
         {active ? (
           <span
             className={cn(