diff --git a/components/social/post/post-card.tsx b/components/social/post/post-card.tsx
index 5d7cdba1..690512c8 100644
--- a/components/social/post/post-card.tsx
+++ b/components/social/post/post-card.tsx
@@ -97,7 +97,7 @@ export function PostCard({
         <PostCardMenu post={post} onDelete={onDelete} />
       </header>
 
-      <p className="font-[family-name:var(--font-title)] text-lg text-foreground leading-relaxed">
+      <p className="font-(family-name:--font-title) text-lg text-foreground leading-relaxed">
         “{post.caption}”
       </p>