diff --git a/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts b/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts index c478dd6b3..2a6e78f4c 100644 --- a/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts +++ b/packages/frontend/core/src/components/page-list/collections/collection-list-item.css.ts @@ -74,7 +74,7 @@ globalStyle(`${root} > :last-child`, { paddingRight: '8px', }); export const titleIconsWrapper = style({ - padding: '0 5px', + width: 34, display: 'flex', alignItems: 'center', gap: '10px', @@ -119,6 +119,8 @@ export const iconCell = style({ fontSize: cssVar('fontH3'), color: cssVar('iconColor'), flexShrink: 0, + width: 24, + height: 24, }); export const tagsCell = style({ display: 'flex', diff --git a/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts b/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts index 1a5afe11f..44544cd2d 100644 --- a/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts +++ b/packages/frontend/core/src/components/page-list/docs/page-list-item.css.ts @@ -72,9 +72,10 @@ globalStyle(`${root} > :last-child`, { paddingRight: '8px', }); export const titleIconsWrapper = style({ - padding: '0 5px', + width: 34, display: 'flex', alignItems: 'center', + justifyContent: 'center', gap: '10px', }); export const selectionCell = style({ diff --git a/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts b/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts index 54b3b6b9a..84327d9ee 100644 --- a/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts +++ b/packages/frontend/core/src/modules/quicksearch/views/cmdk.css.ts @@ -5,10 +5,13 @@ export const root = style({}); export const itemIcon = style({ fontSize: 20, + width: '1em', + height: '1em', marginRight: 16, flexShrink: 0, display: 'flex', alignItems: 'center', + justifyContent: 'center', color: cssVar('iconSecondary'), });