From 534734ce9a9ec927a0696c6c04eca833fa9c509a Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Sat, 23 May 2026 16:30:43 +0200
Subject: [PATCH] Ensure unit of the size prop in the icon component

---
 src/features/icons/components/Icon.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/features/icons/components/Icon.vue b/src/features/icons/components/Icon.vue
index 6429dfc..2083414 100644
--- a/src/features/icons/components/Icon.vue
+++ b/src/features/icons/components/Icon.vue
@@ -16,6 +16,7 @@ limitations under the License.
 
 <script setup>
 import { computed } from 'vue';
+import { ensureUnit } from '@/utils/cssDimensions';
 
 const props = defineProps({
     name: {
@@ -34,8 +35,10 @@ const icons = import.meta.glob('@/assets/icons/*.svg', {
 })
 
 const Icon = computed(() => icons[`/src/assets/icons/${props.name}.svg`])
+
+const size = computed(() => ensureUnit(props.size))
 </script>
 
 <template>
-    <img :src="Icon" :style="{ height: `${props.size}px`, width: `${props.size}px` }" />
+    <img :src="Icon" :style="{ height: `${size}`, width: `${size}` }" />
 </template>
\ No newline at end of file