diff --git a/src/components/stories/StoryTray.tsx b/src/components/stories/StoryTray.tsx index 89a1820..7a548e9 100644 --- a/src/components/stories/StoryTray.tsx +++ b/src/components/stories/StoryTray.tsx @@ -18,6 +18,8 @@ import { StoryForm } from "@/components/stories/StoryForm"; import { getAvatarUrl } from "@/lib/avatar-url"; const TRAY_AVATAR_SIZE = 56; // px +const RING_PAD = 8; // must match PawRing's RING_PAD constant +const TRAY_ITEM_SIZE = TRAY_AVATAR_SIZE + RING_PAD * 2; // total height of a PawRing container /** * StoryTray — horizontal scroll row at the top of the feed. @@ -53,16 +55,21 @@ export function StoryTray() { role="list" aria-label="Stories" > - {/* Add story item */} + {/* Add story item — wrapper matches PawRing container height so circles align */}
- + +
Add story