fix(mosaic): center the pending spinner on an OrganizationList row

.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.

packages/mosaic/src/components/item/item.tsx

@@ -92,7 +92,7 @@ const Root = React.forwardRef<HTMLDivElement, ItemProps>(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.
  */

packages/mosaic/src/features/organization-list/organization-list.view.tsx

@@ -294,12 +294,12 @@ function SelectRow({ name, imageUrl, shape, busy, disabled, onSelect }: SelectRo
         <Item.Label>{name}</Item.Label>
       </Item.Content>
       {busy ? (
-        <Item.Actions>
+        <Item.Media>
           <Spinner
             size='sm'
             label={m.pending}
           />
-        </Item.Actions>
+        </Item.Media>
       ) : null}
     </Item.Root>
   );