diff --git a/components/social/collection-scroll-card.tsx b/components/social/collection-scroll-card.tsx
index 401df0d8..40279e05 100644
--- a/components/social/collection-scroll-card.tsx
+++ b/components/social/collection-scroll-card.tsx
@@ -186,7 +186,6 @@ export function CollectionScrollCard({
           ))}
         </div>
       ) : null}
-
     </article>
   );
 }
@@ -226,14 +225,18 @@ function CoverSlide({
             {/* Full-coverage scrim — even the top carries ~40% black so the
                 badge and any white text overlaid up there stay readable
                 without looking blended with the cover image. */}
-            <div className="absolute inset-0 bg-gradient-to-t from-black/95 via-black/70 to-black/40" />
+            <div className="absolute inset-0 bg-linear-to-t from-black/95 via-black/70 to-black/40" />
           </>
         ) : (
           <div className="absolute inset-0" style={quoteCardBgStyle()} />
         )}
 
         <div className="absolute top-4 right-4 inline-flex items-center gap-1.5 rounded-full bg-black/40 backdrop-blur-sm px-3 py-1 text-[0.6rem] uppercase tracking-[0.18em] font-medium text-white">
-          {c.is_public ? <Globe className="size-3" /> : <Lock className="size-3" />}
+          {c.is_public ? (
+            <Globe className="size-3" />
+          ) : (
+            <Lock className="size-3" />
+          )}
           Collection
         </div>
 
@@ -251,7 +254,7 @@ function CoverSlide({
         >
           <p
             className={cn(
-              "font-[family-name:var(--font-title)] text-2xl sm:text-3xl font-semibold leading-tight line-clamp-3 break-words",
+              "font-(family-name:--font-title) text-2xl sm:text-3xl font-semibold leading-tight line-clamp-3 wrap-break-words",
               c.cover_url && "drop-shadow-md",
             )}
           >
@@ -261,7 +264,9 @@ function CoverSlide({
             <p
               className={cn(
                 "mt-2 text-sm line-clamp-2",
-                c.cover_url ? "text-white/85 max-w-md" : "text-muted-foreground max-w-md mx-auto",
+                c.cover_url
+                  ? "text-white/85 max-w-md"
+                  : "text-muted-foreground max-w-md mx-auto",
               )}
             >
               {c.description}
@@ -273,7 +278,8 @@ function CoverSlide({
               c.cover_url ? "text-white/75" : "text-muted-foreground",
             )}
           >
-            {c.item_count} post{c.item_count === 1 ? "" : "s"} · Swipe to browse →
+            {c.item_count} post{c.item_count === 1 ? "" : "s"} · Swipe to browse
+            →
           </p>
         </div>
       </Link>