diff --git a/src/components/project/ProjectStep.vue b/src/components/project/ProjectStep.vue
index 934550c..846bbf5 100644
--- a/src/components/project/ProjectStep.vue
+++ b/src/components/project/ProjectStep.vue
@@ -22,6 +22,7 @@ import { useProjectStore } from "../../stores/project";
 import { useRouter } from "vue-router";
 import ClientBrief from "./cards/ClientBrief.vue";
 import Proposal from "./cards/Proposal.vue";
+import ExtendedBrief from "./cards/ExtendedBrief.vue";
 
 const { step } = defineProps({
   step: Object,
@@ -30,6 +31,7 @@ const { step } = defineProps({
 const cardsMap = {
   clientBrief: ClientBrief,
   proposal: Proposal,
+  extendedBrief: ExtendedBrief,
 };
 
 const emit = defineEmits(["update:file"]);
diff --git a/src/components/project/cards/ExtendedBrief.vue b/src/components/project/cards/ExtendedBrief.vue
new file mode 100644
index 0000000..4bdb59a
--- /dev/null
+++ b/src/components/project/cards/ExtendedBrief.vue
@@ -0,0 +1,8 @@
+<template>
+  <Document v-if="step.files.length > 0" :step="step" :pdf="step.files[0]" />
+</template>
+<script setup>
+import Document from "./Document.vue";
+
+const { step } = defineProps({ step: Object });
+</script>