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,