diff --git a/src/renderer/src/components/repo/repo-icon.emoji-centering.test.tsx b/src/renderer/src/components/repo/repo-icon.emoji-centering.test.tsx
new file mode 100644
index 000000000..314e37ead
--- /dev/null
+++ b/src/renderer/src/components/repo/repo-icon.emoji-centering.test.tsx
@@ -0,0 +1,39 @@
+// @vitest-environment happy-dom
+import { cleanup, render } from '@testing-library/react'
+import { afterEach, describe, expect, it } from 'vitest'
+import { RepoIconGlyph } from './repo-icon'
+
+afterEach(() => {
+  cleanup()
+})
+
+// Every RepoIconGlyph call site passes a fixed `size-*` in iconClassName, so the
+// span carrying it is a sized box holding a bare text node. The image branch
+// (`size-full object-contain`) and the lucide branch (the svg fills its own box)
+// centre structurally; only the emoji branch has to ask for it.
+describe('RepoIconGlyph emoji centering', () => {
+  it('centers the glyph inside the box iconClassName sizes', () => {
+    const { container } = render(
+      <RepoIconGlyph
+        repoIcon={{ type: 'emoji', emoji: '🐙' }}
+        className="size-10"
+        iconClassName="size-5"
+      />
+    )
+
+    const glyphBox = container.querySelector('.size-5')
+    expect(glyphBox?.textContent).toBe('🐙')
+    expect(glyphBox?.className).toContain('inline-flex')
+    expect(glyphBox?.className).toContain('items-center')
+    expect(glyphBox?.className).toContain('justify-center')
+  })
+
+  it('renders the glyph as the only child so justify-center has one flex item', () => {
+    const { container } = render(
+      <RepoIconGlyph repoIcon={{ type: 'emoji', emoji: '🐙' }} iconClassName="size-5" />
+    )
+
+    // Stray JSX whitespace would become a second anonymous flex item and shift the glyph.
+    expect(container.querySelector('.size-5')?.childNodes).toHaveLength(1)
+  })
+})
diff --git a/src/renderer/src/components/repo/repo-icon.tsx b/src/renderer/src/components/repo/repo-icon.tsx
index d109200d4..fb690b211 100644
--- a/src/renderer/src/components/repo/repo-icon.tsx
+++ b/src/renderer/src/components/repo/repo-icon.tsx
@@ -166,7 +166,9 @@ export function RepoIconGlyph({
         className={cn('inline-flex items-center justify-center leading-none', className)}
         aria-hidden="true"
       >
-        <span className={cn('text-[0.9em]', iconClassName)}>{repoIcon.emoji}</span>
+        <span className={cn('inline-flex items-center justify-center text-[0.9em]', iconClassName)}>
+          {repoIcon.emoji}
+        </span>
       </span>
     )
   }