fix(ui): oversized column selector pills (#12583)

AlessioGr · web-flow · commit 3022cab8ac39 · 2025-05-28T21:13:22.000Z
#10030 adjusted the default `Pill` component size but forgot to set the column selector pill sizes to small ## Before ![Screenshot 2025-05-27 at 14 34 31@2x](https://github.com/user-attachments/assets/0f7d44e7-343a-4542-9bc5-830f4bd2bd96) ## After ![Screenshot 2025-05-27 at 14 34 25@2x](https://github.com/user-attachments/assets/33f65fb7-130a-405b-820f-e31259b4f950)
diff --git a/packages/ui/src/elements/ColumnSelector/index.tsx b/packages/ui/src/elements/ColumnSelector/index.tsx
@@ -76,6 +76,7 @@ export const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {
             onClick={() => {
               void toggleColumn(accessor)
             }}
+            size="small"
           >
             {col.CustomLabel ?? <FieldLabel label={label as StaticLabel} unstyled />}
           </Pill>

Original file line number	Diff line number	Diff line change
`@@ -76,6 +76,7 @@ export const ColumnSelector: React.FC<Props> = ({ collectionSlug }) => {`
`76`	`76`	`onClick={() => {`
`77`	`77`	`void toggleColumn(accessor)`
`78`	`78`	`}}`
	`79`	`+ size="small"`
`79`	`80`	`>`
`80`	`81`	`{col.CustomLabel ?? <FieldLabel label={label as StaticLabel} unstyled />}`
`81`	`82`	`</Pill>`