diff --git a/src/BIMDataComponents/BIMDataInfobox/BIMDataInfobox.vue b/src/BIMDataComponents/BIMDataInfobox/BIMDataInfobox.vue
index dd140bcc..88632091 100644
--- a/src/BIMDataComponents/BIMDataInfobox/BIMDataInfobox.vue
+++ b/src/BIMDataComponents/BIMDataInfobox/BIMDataInfobox.vue
@@ -1,3 +1,19 @@
+<template>
+  <div class="bimdata-infobox">
+    <div class="bimdata-infobox__stripe"
+      :style="{ backgroundColor: `var(--color-${color})` }"
+    >
+      <!-- left stripe -->
+    </div>
+    <div class="bimdata-infobox__icon">
+      <BIMDataIcon :name="icon" :customSize="18" :color="color" fill />
+    </div>
+    <div class="bimdata-infobox__text">
+      <slot>{{ text }}</slot>
+    </div>
+  </div>
+</template>
+
 <script setup>
 defineProps({
   text: {
@@ -25,22 +41,6 @@ defineProps({
 });
 </script>
 
-<template>
-  <div class="bimdata-infobox">
-    <div class="bimdata-infobox__stripe"
-      :style="{ backgroundColor: `var(--color-${color})` }"
-    >
-      <!-- left stripe -->
-    </div>
-    <div class="bimdata-infobox__icon">
-      <BIMDataIcon :name="icon" :customSize="18" :color="color" fill />
-    </div>
-    <div class="bimdata-infobox__text">
-      <slot>{{ text }}</slot>
-    </div>
-  </div>
-</template>
-
 <style scoped>
 .bimdata-infobox {
   position: relative;