fix: title icon display (#14101)

fix #14073

packages/frontend/component/src/ui/icon-name-editor/icon-name-editor.css.ts

@@ -18,6 +18,11 @@ export const iconPicker = style({
   lineHeight: 1,
   color: cssVarV2.icon.primary,
 });
+
+export const iconContent = style({
+  display: 'contents',
+});
+
 globalStyle(`${iconPicker} span:has(svg)`, {
   lineHeight: 0,
 });

packages/frontend/component/src/ui/icon-name-editor/icon-name-editor.tsx

@@ -85,6 +85,7 @@ export const IconEditor = ({
         data-icon-type={icon?.type}
         aria-label={icon ? 'Change Icon' : 'Select Icon'}
         title={icon ? 'Change Icon' : 'Select Icon'}
+        contentClassName={styles.iconContent}
       >
         <IconRenderer data={icon} fallback={iconPlaceholder} />
       </Button>

packages/frontend/component/src/ui/icon-picker/picker/emoji/emoji-button.tsx

@@ -20,6 +20,7 @@ export const EmojiButton = memo(function EmojiButton({
       size={24}
       style={{ padding: 4 }}
       icon={<span>{emoji}</span>}
+      iconStyle={{ justifyContent: 'center' }}
       onClick={handleClick}
     />
   );