diff --git a/.changeset/proud-months-go.md b/.changeset/proud-months-go.md
new file mode 100644
index 00000000000..ef8c0e9b4ec
--- /dev/null
+++ b/.changeset/proud-months-go.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Ensure scrollbox height fills the available space.
diff --git a/packages/clerk-js/src/ui/elements/ProfileCard/ProfileCardContent.tsx b/packages/clerk-js/src/ui/elements/ProfileCard/ProfileCardContent.tsx
index c498a07c7b8..5b3a83f0040 100644
--- a/packages/clerk-js/src/ui/elements/ProfileCard/ProfileCardContent.tsx
+++ b/packages/clerk-js/src/ui/elements/ProfileCard/ProfileCardContent.tsx
@@ -44,6 +44,7 @@ export const ProfileCardContent = (props: ProfileCardContentProps) => {
         borderColor: t.colors.$borderAlpha150,
         marginBlock: '-1px',
         marginInlineEnd: '-1px',
+        flex: 1,
       })}
       data-clerk-profile-scroll-box-root={scrollBoxId}
     >