From 20e350d88ba8bf25a3e567278f6af0d49812ddd5 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sat, 23 May 2026 16:34:57 +0200
Subject: [PATCH] Add icon component <img> flexbox wrapper

---
 src/features/icons/components/Icon.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/features/icons/components/Icon.vue b/src/features/icons/components/Icon.vue
index 2083414..fbbfd04 100644
--- a/src/features/icons/components/Icon.vue
+++ b/src/features/icons/components/Icon.vue
@@ -40,5 +40,14 @@ const size = computed(() => ensureUnit(props.size))
 </script>
 
 <template>
-    <img :src="Icon" :style="{ height: `${size}`, width: `${size}` }" />
-</template>
\ No newline at end of file
+    <div class="icon-container">
+        <img :src="Icon" :style="{ height: `${size}`, width: `${size}` }" />
+    </div>
+</template>
+
+<style scoped>
+.icon-container {
+    display: flex;
+    align-items: center;
+}
+</style>
\ No newline at end of file