fix(ui): Adjust padding and display logo on OrganizationList header

[LauraBeatris]

Description

This PR updates the header styles from OrganizationList to align with the latest Clerk Mosaic version

We noticed that the padding top was a bit off, as well as it wasn't displaying the application logo

With changes

Before

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

Summary by CodeRabbit

• Bug Fixes
  • Organization list header now displays the logo and uses adjusted padding for improved spacing and visual alignment across the header elements, resulting in a cleaner layout on the Organization list page.

[changeset-bot]

🦋 Changeset detected

Latest commit: 1d2e0ee

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@clerk/ui	Patch
@clerk/chrome-extension	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
clerk-js-sandbox	Ready	Preview, Comment	Apr 2, 2026 7:51pm

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository YAML (base), Organization UI (inherited)

Review profile: ASSERTIVE

Plan: Pro

Run ID: 0a80dcf1-cb44-433e-a304-028afe2df7fc

📥 Commits

Reviewing files that changed from the base of the PR and between 8f4441c and 1d2e0ee.

📒 Files selected for processing (2)

• .changeset/fifty-paths-tie.md
• packages/ui/src/components/OrganizationList/OrganizationListPage.tsx

---

📝 Walkthrough

Walkthrough

A patch release was added for @clerk/ui via a Changesets entry. The OrganizationList header padding was adjusted from a two-value horizontal shorthand to an explicit three-value padding (paddingTop, horizontal padding, paddingBottom). The header's showLogo flag was enabled; Header.Title and Header.Subtitle props were unchanged.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main changes: adjusting padding and enabling logo display on the OrganizationList header component, which aligns with the changeset and code modifications.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[pkg-pr-new]

Open in StackBlitz

@clerk/agent-toolkit

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/agent-toolkit@8229

@clerk/astro

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/astro@8229

@clerk/backend

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/backend@8229

@clerk/chrome-extension

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/chrome-extension@8229

@clerk/clerk-js

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/clerk-js@8229

@clerk/dev-cli

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/dev-cli@8229

@clerk/expo

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/expo@8229

@clerk/expo-passkeys

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/expo-passkeys@8229

@clerk/express

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/express@8229

@clerk/fastify

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/fastify@8229

@clerk/hono

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/hono@8229

@clerk/localizations

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/localizations@8229

@clerk/nextjs

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/nextjs@8229

@clerk/nuxt

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/nuxt@8229

@clerk/react

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/react@8229

@clerk/react-router

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/react-router@8229

@clerk/shared

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/shared@8229

@clerk/tanstack-react-start

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/tanstack-react-start@8229

@clerk/testing

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/testing@8229

@clerk/ui

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/ui@8229

@clerk/upgrade

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/upgrade@8229

@clerk/vue

npm i https://un5qfpanu75r2p6gd4.julianrbryant.comw/@clerk/vue@8229

commit: 1d2e0ee