diff --git a/app/src/components/globals/formItems/MarkdownItem.vue b/app/src/components/globals/formItems/MarkdownItem.vue
index 26a245e9..252021e1 100644
--- a/app/src/components/globals/formItems/MarkdownItem.vue
+++ b/app/src/components/globals/formItems/MarkdownItem.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-defineProps<{
-  label: string
-  id?: string
-}>()
+import type { MarkdownItemProps } from '@/types/form'
+
+withDefaults(defineProps<MarkdownItemProps>(), {
+  id: undefined,
+})
 </script>
 
 <template>
-  <VueShowdown :markdown="label" />
+  <VueShowdown :id="id" :markdown="label" />
 </template>
diff --git a/app/src/types/form.ts b/app/src/types/form.ts
index 75a89159..57b14a85 100644
--- a/app/src/types/form.ts
+++ b/app/src/types/form.ts
@@ -17,6 +17,8 @@ export type ButtonItemProps = BaseDisplayItemProps & {
 
 export type DisplayTextItemProps = BaseDisplayItemProps
 
+export type MarkdownItemProps = BaseDisplayItemProps
+
 
 // WRITABLE