diff --git a/.changeset/quiet-cards-own-spacing.md b/.changeset/quiet-cards-own-spacing.md
new file mode 100644
index 00000000000..a845151cc84
--- /dev/null
+++ b/.changeset/quiet-cards-own-spacing.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/ui/src/mosaic/components/card/card.styles.ts b/packages/ui/src/mosaic/components/card/card.styles.ts
index 51ffbb213a7..5c80d8678d6 100644
--- a/packages/ui/src/mosaic/components/card/card.styles.ts
+++ b/packages/ui/src/mosaic/components/card/card.styles.ts
@@ -7,13 +7,13 @@ export const styles = stylex.create({
     color: colorVars['--cl-color-card-foreground'],
     display: 'flex',
     flexDirection: 'column',
-    rowGap: space['5'],
     width: '100%',
   },
   header: {
     paddingInline: space['4'],
     display: 'flex',
     flexDirection: 'column',
+    paddingBlockEnd: space['5'],
     paddingBlockStart: space['5'],
   },
   content: {
@@ -21,6 +21,7 @@ export const styles = stylex.create({
     flexBasis: 'auto',
     flexGrow: '1',
     flexShrink: '1',
+    paddingBlockEnd: space['5'],
   },
   footer: {
     gap: space['2'],
diff --git a/packages/ui/src/mosaic/user-button/user-button.view.tsx b/packages/ui/src/mosaic/user-button/user-button.view.tsx
index edfef936a06..e75574ad61a 100644
--- a/packages/ui/src/mosaic/user-button/user-button.view.tsx
+++ b/packages/ui/src/mosaic/user-button/user-button.view.tsx
@@ -1004,11 +1004,7 @@ export function UserButtonPopup(): ReactElement {
 
   return (
     <Popover.Popup aria-label={m.popup.label}>
-      {/* The card lays its children out with a row gap; the rows read as one continuous list. */}
-      <Card.Root
-        style={{ rowGap: 0 }}
-        renderBranding={renderBranding}
-      >
+      <Card.Root renderBranding={renderBranding}>
         <Header />
         <OrganizationSection />
         <SessionSection />