Skip to content

Commit 7d7c8d5

Browse files
octoperoctoper
authored
fix(clerk-js): Add missing border on <UserButton/> popover footer (clerk#2871)
1 parent d994e33 commit 7d7c8d5

2 files changed

Lines changed: 8 additions & 0 deletions

File tree

‎.changeset/rotten-cougars-refuse.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
---
2+
---

‎packages/clerk-js/src/ui/elements/PopoverCard.tsx‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,12 @@ const PopoverCardFooter = (props: PropsOfComponent<typeof Flex>) => {
7676
padding: 0,
7777
marginTop: 0,
7878
},
79+
'>:not(:first-of-type)': {
80+
padding: `${t.space.$4} ${t.space.$8}`,
81+
borderTopWidth: t.borderWidths.$normal,
82+
borderTopStyle: t.borderStyles.$solid,
83+
borderTopColor: t.colors.$neutralAlpha100,
84+
},
7985
}),
8086
sx,
8187
]}

0 commit comments

Comments
 (0)