diff --git a/resources/js/Components/SDGBadge.vue b/resources/js/Components/SDGBadge.vue
index 91b68fd..869bcef 100644
--- a/resources/js/Components/SDGBadge.vue
+++ b/resources/js/Components/SDGBadge.vue
@@ -2,7 +2,8 @@
 const props = defineProps<{ value: number[] | null }>();
 </script>
 <template>
-    <div class="inline-block p-0.5 text-xs bg-sky-100 rounded-sm text-sky-600" v-if="value">
+    <div v-if="value && value.length > 0"
+         class="inline-block p-0.5 text-xs bg-sky-100 rounded-sm text-sky-600">
         SDGs:
         <span v-for="i in value" :key="i" :class="'sdg-goal-' + i" class="ml-0.5 px-1 text-white text-center inline-block min-w-4">
             {{ i }}