fix(core): emoji doc name rendering on windows (#8857)

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',

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({

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'),
 });