From b15835ec4f9da0d6ae133fd7cab5f28b8e3f27af Mon Sep 17 00:00:00 2001
From: matevip <matevip@mate.vip>
Date: Mon, 4 May 2026 18:30:22 +0800
Subject: [PATCH] fix(skill-icon): center inner svg so size-override callers
 stay aligned

---
 mateclaw-ui/src/components/common/SkillIcon.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/mateclaw-ui/src/components/common/SkillIcon.vue b/mateclaw-ui/src/components/common/SkillIcon.vue
index e7da5092..44863bb0 100644
--- a/mateclaw-ui/src/components/common/SkillIcon.vue
+++ b/mateclaw-ui/src/components/common/SkillIcon.vue
@@ -87,6 +87,8 @@ const sizeClass = computed(() => {
  * inner svg so the wrapper's flex centering works. */
 .skill-icon__svg {
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 100%;
   height: 100%;
 }