fix(clerk-js): Add missing x padding to ClerkAndPagesTag (#3903)

alexcarpenter · web-flow · commit 069103c8fbdf · 2024-08-05T17:17:33.000Z
diff --git a/.changeset/purple-chicken-flash.md b/.changeset/purple-chicken-flash.md
@@ -0,0 +1,5 @@
+---
+"@clerk/clerk-js": patch
+---
+
+Fix missing horizonatal padding when page urls are used within `<UserButton />`.
diff --git a/packages/clerk-js/src/ui/elements/PopoverCard.tsx b/packages/clerk-js/src/ui/elements/PopoverCard.tsx
@@ -92,7 +92,7 @@ const PopoverCardFooter = (props: PropsOfComponent<typeof Flex>) => {
 
       <Card.ClerkAndPagesTag
         outerSx={t => ({
-          padding: `${t.space.$4} ${t.space.$none}`,
+          padding: `${t.space.$4} ${t.space.$8}`,
         })}
         withFooterPages={!!shouldShowTagOrLinks}
         devModeNoticeSx={t => ({

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@clerk/clerk-js": patch
 +---
++
 +Fix missing horizonatal padding when page urls are used within `<UserButton />`.