diff --git a/client/src/components/QuoteCard.vue b/client/src/components/QuoteCard.vue
index 4ebead1..5fda4ac 100644
--- a/client/src/components/QuoteCard.vue
+++ b/client/src/components/QuoteCard.vue
@@ -36,7 +36,7 @@ const props = defineProps<{
 }>()
 const emit = defineEmits(['edit-end'])
 
-const quoteElId = `quote-${props.quote.id}`
+const quoteElId = `quote-${props.quote.id || 'new'}`
 const isEditMode = ref(false)
 
 const editQuote = () => {