diff --git a/client/src/components/content-blocks/assignment/Assignment.vue b/client/src/components/content-blocks/assignment/Assignment.vue
index 5ae64dca..a45c31ee 100644
--- a/client/src/components/content-blocks/assignment/Assignment.vue
+++ b/client/src/components/content-blocks/assignment/Assignment.vue
@@ -68,13 +68,13 @@ import { sanitize } from '@/helpers/text';
 import { defineAsyncComponent } from 'vue';
 
 const SubmissionForm = defineAsyncComponent(() =>
-  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/assignment/SubmissionForm')
+  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/assignment/SubmissionForm.vue')
 );
 const Solution = defineAsyncComponent(() =>
-  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/Solution')
+  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/Solution.vue')
 );
 const SpellCheck = defineAsyncComponent(() =>
-  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/assignment/SpellCheck')
+  import(/* webpackChunkName: "content-components" */ '@/components/content-blocks/assignment/SpellCheck.vue')
 );
 
 export default {
diff --git a/client/src/components/content-blocks/assignment/SubmissionForm.vue b/client/src/components/content-blocks/assignment/SubmissionForm.vue
index b1918ac1..f7c10906 100644
--- a/client/src/components/content-blocks/assignment/SubmissionForm.vue
+++ b/client/src/components/content-blocks/assignment/SubmissionForm.vue
@@ -52,14 +52,12 @@ import { defineAsyncComponent, computed } from 'vue';
 export interface Props {
   userInput: {
     final: boolean;
-    document: string;
+    document?: string;
     text: string;
   };
   saved: boolean;
   placeholder: string;
   action: string;
-  reopen: Function;
-  document: string;
   readOnly: boolean;
   spellcheck: boolean;
   spellcheckLoading: boolean;
@@ -87,8 +85,7 @@ const isFinalOrReadOnly = computed(() => {
   return final.value || props.readOnly;
 });
 const allowsDocuments = computed(() => {
-  return false;
-  //return 'document' in props.userInput;
+  return 'document' in props.userInput;
 });
 const showSpellcheckButton = computed(() => {
   return props.spellcheck && process.env.VUE_APP_ENABLE_SPELLCHECK;
diff --git a/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue b/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue
index 45fabfc4..6b499ec6 100644
--- a/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue
+++ b/client/src/components/ui/file-upload/SimpleFileUploadIcon.vue
@@ -1,18 +1,19 @@
 <template>
-  <a class="simple-file-upload-icon">
+  <a
+    class="simple-file-upload-icon"
+    @click="$emit('click')"
+  >
     <document-icon class="simple-file-upload-icon__icon" />
   </a>
 </template>
 
-<script>
+<script setup lang="ts">
 import { defineAsyncComponent } from 'vue';
-const DocumentIcon = defineAsyncComponent(() =>
-  import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentIcon')
+const DocumentIcon = defineAsyncComponent(
+  () => import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentIcon.vue')
 );
 
-export default {
-  components: { DocumentIcon },
-};
+defineEmits(['click']);
 </script>
 
 <style scoped lang="scss">