diff --git a/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue b/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue
index bf64e40584..3d0c006d74 100644
--- a/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue
+++ b/src/components/feature-board-submission-element/components/SubmissionContentElementEdit.vue
@@ -19,6 +19,11 @@
 				:time-input-label="t('common.labels.time')"
 				@input="onDateTimeInput"
 			/>
+			<FileContentElement
+				:key="mockedFileElement.id"
+				:element="mockedFileElement"
+				isEditMode
+			/>
 		</div>
 		<SubmissionItemsTeacherDisplay
 			:submissions="submissions"
@@ -29,13 +34,14 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, PropType, ref } from "vue";
 import { useI18n } from "@/composables/i18n.composable";
-import { SubmissionsResponse } from "@/serverApi/v3";
+import { SubmissionsResponse, ContentElementType } from "@/serverApi/v3";
 import SubmissionContentElementMenu from "./SubmissionContentElementMenu.vue";
 import SubmissionContentElementTitle from "./SubmissionContentElementTitle.vue";
 import { DateTimePicker } from "@feature-date-time-picker";
 import SubmissionItemsTeacherDisplay from "./SubmissionItemsTeacherDisplay.vue";
+import { FileContentElement } from "@feature-board-file-element";
 
 export default defineComponent({
 	name: "SubmissionContentElementEdit",
@@ -44,6 +50,7 @@ export default defineComponent({
 		SubmissionContentElementTitle,
 		DateTimePicker,
 		SubmissionItemsTeacherDisplay,
+		FileContentElement,
 	},
 	props: {
 		dueDate: {
@@ -90,12 +97,26 @@ export default defineComponent({
 			emit("update:dueDate", dateTime);
 		};
 
+		const mockedFileElement = ref({
+			id: "651d7cf82436e17a07740748",
+			type: ContentElementType.File,
+			timestamps: {
+				createdAt: "",
+				lastUpdatedAt: "",
+			},
+			content: {
+				caption: "Caption",
+				alternativeText: "Alternativer Text",
+			},
+		});
+
 		return {
 			t,
 			onMoveElementDown,
 			onMoveElementUp,
 			onDeleteElement,
 			onDateTimeInput,
+			mockedFileElement,
 		};
 	},
 });
diff --git a/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue b/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
index 3a10c5bd7d..5f858a92ce 100644
--- a/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
+++ b/src/components/feature-board-submission-element/components/SubmissionItemStudentDisplay.vue
@@ -7,23 +7,26 @@
 			width="120"
 			height="22"
 		/>
-		<v-checkbox
+		<FileContentElement
 			v-else
-			v-model="modelValue"
-			class="px-4"
-			:disabled="!editable"
-			:label="t('components.cardElement.submissionElement.completed')"
+			:key="mockedFileElement.id"
+			:element="mockedFileElement"
+			:isEditMode="false"
 		/>
 	</div>
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, computed } from "vue";
+import { defineComponent, PropType, computed, ref } from "vue";
 import { useI18n } from "@/composables/i18n.composable";
-import { SubmissionsResponse } from "@/serverApi/v3";
+import { FileContentElement } from "@feature-board-file-element";
+import { SubmissionsResponse, ContentElementType } from "@/serverApi/v3";
 
 export default defineComponent({
 	name: "SubmissionItemStudentDisplay",
+	components: {
+		FileContentElement,
+	},
 	props: {
 		editable: {
 			type: Boolean,
@@ -57,8 +60,22 @@ export default defineComponent({
 
 		const { t } = useI18n();
 
+		const mockedFileElement = ref({
+			id: "651d7cf82436e17a07740748",
+			type: ContentElementType.File,
+			timestamps: {
+				createdAt: "",
+				lastUpdatedAt: "",
+			},
+			content: {
+				caption: "Caption",
+				alternativeText: "Alternativer Text",
+			},
+		});
+
 		return {
 			modelValue,
+			mockedFileElement,
 			t,
 		};
 	},