diff --git a/src/app/(dashboard)/recipients/[recipientId]/page.tsx b/src/app/(dashboard)/recipients/[recipientId]/page.tsx
index 7f3f6ee..efb2e16 100644
--- a/src/app/(dashboard)/recipients/[recipientId]/page.tsx
+++ b/src/app/(dashboard)/recipients/[recipientId]/page.tsx
@@ -20,7 +20,7 @@ export default async function RecipientInfoPage({
       <Card className="rounded-sm shadow-none">
         <CardHeader>
           <CardTitle>
-            {recipient.firstName + " " + recipient.lastName}
+            {`${recipient.firstName} ${recipient.lastName}`}
           </CardTitle>
         </CardHeader>
         <CardContent>
diff --git a/src/app/(dashboard)/recipients/page.tsx b/src/app/(dashboard)/recipients/page.tsx
index d45b071..f361451 100644
--- a/src/app/(dashboard)/recipients/page.tsx
+++ b/src/app/(dashboard)/recipients/page.tsx
@@ -62,7 +62,7 @@ export default async function RecipientsPage(props: {
                 <tr key={recipient.id} className="border-b">
                   <td className="p-4">{recipient.username}</td>
                   <td className="p-4">
-                    {recipient.firstName + " " + recipient.lastName}
+                    {`${recipient.firstName} ${recipient.lastName}`}
                   </td>
                   <td className="p-4">{recipient.email}</td>
                   <td className="p-4">{recipient.phone}</td>