diff --git a/app/components/layout/NotificationPopover.module.css b/app/components/layout/NotificationPopover.module.css index 5826de85a..7a2dc76b5 100644 --- a/app/components/layout/NotificationPopover.module.css +++ b/app/components/layout/NotificationPopover.module.css @@ -19,20 +19,21 @@ .topContainer { display: flex; justify-content: space-between; + align-items: center; + padding-inline: var(--s-3); + padding-block: var(--s-1); } .header { display: flex; align-items: center; font-size: var(--font-sm); - padding-inline: var(--s-1); - padding-bottom: var(--s-1); gap: var(--s-1); } -.refreshButton { - margin-block-end: var(--s-1); - margin-inline-end: var(--s-1); +.refreshButton svg { + width: 14px; + height: 14px; } .noNotifications { diff --git a/app/components/layout/NotificationPopover.tsx b/app/components/layout/NotificationPopover.tsx index d1bc1fa84..e607084c4 100644 --- a/app/components/layout/NotificationPopover.tsx +++ b/app/components/layout/NotificationPopover.tsx @@ -99,7 +99,6 @@ function NotificationsFooter({ onClose }: { onClose?: () => void }) { variant="minimal" size="small" to={NOTIFICATIONS_URL} - className="mt-1-5" testId="notifications-see-all-button" onClick={onClose} >