From e581f2b9242c71a7c5e9785f67e477bc1cddec96 Mon Sep 17 00:00:00 2001
From: cryppadotta <34892728+cryppadotta@users.noreply.github.com>
Date: Fri, 11 Sep 2026 20:09:51 +0000
Subject: [PATCH] fix(ui): prevent feed card overflow

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/components/FeedCard.test.tsx | 2 ++
 ui/src/components/FeedCard.tsx      | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/FeedCard.test.tsx b/ui/src/components/FeedCard.test.tsx
index a1f76c0e97..a63418a835 100644
--- a/ui/src/components/FeedCard.test.tsx
+++ b/ui/src/components/FeedCard.test.tsx
@@ -61,6 +61,8 @@ describe("FeedCard", () => {
 
     expect(link).not.toBeNull();
     expect(link?.className).toContain("w-full");
+    expect(card?.className).toContain("w-(--sz-calc-1)");
+    expect(card?.className).toContain("md:w-(--sz-calc-2)");
     expect(link?.contains(card ?? null)).toBe(true);
 
     card?.click();
diff --git a/ui/src/components/FeedCard.tsx b/ui/src/components/FeedCard.tsx
index aadf548623..e88c0bb9c7 100644
--- a/ui/src/components/FeedCard.tsx
+++ b/ui/src/components/FeedCard.tsx
@@ -437,7 +437,7 @@ export function FeedCard({
     <Card
       data-fc="card"
       className={cn(
-        "flex-row group ml-3 mr-3 md:ml-0 my-2 w-(--sz-calc-1) md:w-full items-center gap-2 p-(--sz-18px) text-xs",
+        "flex-row group ml-3 mr-3 md:ml-0 my-2 w-(--sz-calc-1) md:w-(--sz-calc-2) items-center gap-2 p-(--sz-18px) text-xs",
         "transition-(--tp-background-color-border-color) duration-150",
         content.link && "cursor-pointer hover:bg-accent hover:border-muted-foreground/30",
         className,