diff --git a/packages/ui/src/elements/ListSelection/index.scss b/packages/ui/src/elements/ListSelection/index.scss index d2dd8b8675..f3f496d708 100644 --- a/packages/ui/src/elements/ListSelection/index.scss +++ b/packages/ui/src/elements/ListSelection/index.scss @@ -2,8 +2,10 @@ @layer payload-default { .list-selection { + display: flex; margin-left: auto; color: var(--theme-elevation-500); + gap: 0.5em; &__button { color: var(--theme-elevation-500); @@ -11,6 +13,8 @@ border: none; text-decoration: underline; cursor: pointer; + padding: 0; + font-size: inherit; } @include small-break { diff --git a/packages/ui/src/elements/ListSelection/index.tsx b/packages/ui/src/elements/ListSelection/index.tsx index f72b645b83..5620a29a55 100644 --- a/packages/ui/src/elements/ListSelection/index.tsx +++ b/packages/ui/src/elements/ListSelection/index.tsx @@ -22,13 +22,13 @@ export const ListSelection: React.FC = ({ label }) => { return (
{t('general:selectedCount', { count, label })} - {selectAll !== SelectAllStatus.AllAvailable && ( + {selectAll !== SelectAllStatus.AllAvailable && count < totalDocs && ( - {' '} - — +