diff --git a/.changeset/mosaic-org-list-pending-spinner.md b/.changeset/mosaic-org-list-pending-spinner.md new file mode 100644 index 00000000000..f5fe60b948e --- /dev/null +++ b/.changeset/mosaic-org-list-pending-spinner.md @@ -0,0 +1,5 @@ +--- +'@clerk/mosaic': patch +--- + +Center the pending spinner on an `OrganizationList` row in a trailing column that mirrors the row's avatar, instead of pressing it against the row's edge. diff --git a/packages/mosaic/src/components/item/item.tsx b/packages/mosaic/src/components/item/item.tsx index f93abe92e5e..012207d6052 100644 --- a/packages/mosaic/src/components/item/item.tsx +++ b/packages/mosaic/src/components/item/item.tsx @@ -92,7 +92,7 @@ const Root = React.forwardRef(function MosaicItem( }); /** - * Square leading column that centers its media (icon, image, or avatar). Takes + * Square column that centers its media (icon, image, avatar, or spinner). Takes * its width from the `size` on the enclosing `Item.Root`, falling back to the * default when rendered on its own. */ diff --git a/packages/mosaic/src/features/organization-list/organization-list.view.tsx b/packages/mosaic/src/features/organization-list/organization-list.view.tsx index 14bbb47869a..2a777f3e244 100644 --- a/packages/mosaic/src/features/organization-list/organization-list.view.tsx +++ b/packages/mosaic/src/features/organization-list/organization-list.view.tsx @@ -294,12 +294,12 @@ function SelectRow({ name, imageUrl, shape, busy, disabled, onSelect }: SelectRo {name} {busy ? ( - + - + ) : null} );