diff --git a/components/notifications/NotificationCenter.tsx b/components/notifications/NotificationCenter.tsx index 8c50045..cbbb0b3 100644 --- a/components/notifications/NotificationCenter.tsx +++ b/components/notifications/NotificationCenter.tsx @@ -104,6 +104,13 @@ export default function NotificationCenter({ anchor = 'bottom', variant = 'defau } }, [open, updatePosition]) + // Recalculate position after content changes (notifications load, loading state) + useEffect(() => { + if (open && anchor === 'right') { + requestAnimationFrame(() => updatePosition()) + } + }, [notifications, loading, open, anchor, updatePosition]) + // * Poll unread count in background (when authenticated) useEffect(() => { fetchUnreadCount()