diff --git a/app/src/components/globals/formItems/DisplayTextItem.vue b/app/src/components/globals/formItems/DisplayTextItem.vue
index a4c21934..ea3c1424 100644
--- a/app/src/components/globals/formItems/DisplayTextItem.vue
+++ b/app/src/components/globals/formItems/DisplayTextItem.vue
@@ -1,18 +1,13 @@
 <script setup lang="ts">
-withDefaults(
-  defineProps<{
-    id?: string
-    label?: string
-  }>(),
-  {
-    id: undefined,
-    label: undefined,
-  },
-)
+import type { DisplayTextItemProps } from '@/types/form'
+
+withDefaults(defineProps<DisplayTextItemProps>(), {
+  id: undefined,
+})
 </script>
 
 <template>
-  <div>
+  <div :id="id">
     <p v-text="label" />
   </div>
 </template>
diff --git a/app/src/types/form.ts b/app/src/types/form.ts
index f36a6db3..75a89159 100644
--- a/app/src/types/form.ts
+++ b/app/src/types/form.ts
@@ -15,6 +15,8 @@ export type ButtonItemProps = BaseDisplayItemProps & {
   type?: StateVariant
 }
 
+export type DisplayTextItemProps = BaseDisplayItemProps
+
 
 // WRITABLE