Fix icon size

Author: hasparus

src/app/conf/2025/components/speaker-card.tsx

@@ -176,12 +176,12 @@ function SpeakerTags({
       <Tag color="hsl(var(--color-neu-500))">
         {returningSpeakers.has(speaker.name) ? (
           <>
-            <ReloadIcon className="mr-2" />
+            <ReloadIcon className="size-3" />
             returning speaker
           </>
         ) : (
           <>
-            <PlayIcon className="mr-2" /> first time speaker
+            <PlayIcon className="size-3" /> first time speaker
           </>
         )}
       </Tag>

src/app/conf/_design-system/tag.tsx

@@ -7,7 +7,7 @@ export function Tag({ color, children, style, className, ...rest }: TagProps) {
   return (
     <span
       className={clsx(
-        "relative flex items-center justify-center self-start whitespace-nowrap border px-2 py-1 font-mono text-xs/none uppercase dark:opacity-[96.5%]",
+        "relative self-start whitespace-nowrap border px-2 py-1 font-mono text-xs/none uppercase dark:opacity-[96.5%]",
         className,
       )}
       style={{ borderColor: color, ...style }}
@@ -19,7 +19,9 @@ export function Tag({ color, children, style, className, ...rest }: TagProps) {
           backgroundColor: color,
         }}
       />
-      <span className="relative">{children}</span>
+      <span className="relative flex items-center justify-center gap-2">
+        {children}
+      </span>
     </span>
   )
 }