diff --git a/components/app/AppAlert.vue b/components/app/AppAlert.vue
index afe477b3..e05e4a27 100644
--- a/components/app/AppAlert.vue
+++ b/components/app/AppAlert.vue
@@ -22,6 +22,8 @@ const icon = computed(() => {
       return 'i-ph-warning'
     case 'Caution':
       return 'i-ph-warning-octagon'
+    default:
+      return undefined
   }
 })
 
diff --git a/components/learn/LearnCard.vue b/components/learn/LearnCard.vue
index fc13c596..b7ddc476 100644
--- a/components/learn/LearnCard.vue
+++ b/components/learn/LearnCard.vue
@@ -16,6 +16,8 @@ const categoryName = computed(() => {
       return 'Getting Started'
     case 'building-blocks':
       return 'Building Blocks'
+    default:
+      return undefined
   }
 })
 </script>