diff --git a/etc/fixtures/initial-seed/analyses.json b/etc/fixtures/initial-seed/analyses.json
index 2b5b7821..b4adc2d3 100644
--- a/etc/fixtures/initial-seed/analyses.json
+++ b/etc/fixtures/initial-seed/analyses.json
@@ -217,18 +217,14 @@
                  ]
               },
               {
-                 "type":"supporting-evidence",
+                 "type":"section-supporting-evidence",
                  "field":"Veterinary Histology Report",
-                 "value":[
-                    
-                 ]
+                 "value":[]
               },
               {
-                 "type":"supporting-evidence",
-                 "field":"Veterinary Pathology Imaging",
-                 "value":[
-                    
-                 ]
+                "type":"section-supporting-evidence",
+                "field":"Veterinary Pathology Imaging",
+                "value":[]
               }
            ]
         },
diff --git a/etc/fixtures/migrations/migrate-insert-animal-model-systems.js b/etc/fixtures/migrations/migrate-insert-animal-model-systems.js
index fe17e925..9f79d360 100644
--- a/etc/fixtures/migrations/migrate-insert-animal-model-systems.js
+++ b/etc/fixtures/migrations/migrate-insert-animal-model-systems.js
@@ -94,12 +94,12 @@ const animalModelSystemSection = {
             "value": []
         },
         {
-            "type": "supporting-evidence",
+            "type": "section-supporting-evidence",
             "field": "Veterinary Histology Report",
             "value": []
         },          
         {
-            "type": "supporting-evidence",
+            "type": "section-supporting-evidence",
             "field": "Veterinary Pathology Imaging",
             "value": []
         }
diff --git a/frontend/src/components/AnalysisView/SectionBox.vue b/frontend/src/components/AnalysisView/SectionBox.vue
index c7b840f3..6ecfafff 100644
--- a/frontend/src/components/AnalysisView/SectionBox.vue
+++ b/frontend/src/components/AnalysisView/SectionBox.vue
@@ -41,7 +41,8 @@
         :writePermissions="this.writePermissions"
         :data-test="contentRow.field"
         @update-annotation-image="this.onUpdateImageEmit"
-        @update:section-text="this.onContentChanged"
+        @update:section-content="this.onContentChanged"
+        @download="this.onDownload"
       />
     </div>
   </div>
@@ -50,13 +51,15 @@
 <script>
 import ImagesDataset from '@/components/AnnotationView/ImagesDataset.vue';
 import SectionText from '@/components/AnalysisView/SectionText.vue';
+import SectionSupportingEvidence from '@/components/AnalysisView/SectionSupportingEvidence.vue';
 
 export default {
   name: 'section-box',
-  emits: ['update:contentRow', 'attach-image', 'update-image'],
+  emits: ['update:contentRow', 'attach-image', 'update-image', 'download'],
   components: {
     SectionText,
     ImagesDataset,
+    SectionSupportingEvidence,
   },
   props: {
     analysis_name: {
@@ -108,16 +111,19 @@ export default {
     },
   },
   methods: {
-    onContentChanged(sectionText) {
+    onContentChanged(sectionContent) {
       const contentRow = {
         header: this.header,
-        ...sectionText,
+        ...sectionContent,
       };
       this.$emit('update:contentRow', contentRow);
     },
     onUpdateImageEmit(imageId, field) {
       this.$emit('update-image', imageId, this.header, field);
     },
+    onDownload(content) {
+      this.$emit('download', content);
+    },
   },
 };
 </script>
diff --git a/frontend/src/components/AnalysisView/SectionSupportingEvidence.vue b/frontend/src/components/AnalysisView/SectionSupportingEvidence.vue
new file mode 100644
index 00000000..eacb2455
--- /dev/null
+++ b/frontend/src/components/AnalysisView/SectionSupportingEvidence.vue
@@ -0,0 +1,140 @@
+<template>
+  <div class="section-row">
+    <label class="section-field" v-bind:style="[
+      value.length === 0 && !this.editable
+        ? 'color: var(--rosalution-grey-300);'
+        : 'color: var(--rosalution-black);',
+    ]">
+      {{ field }}
+    </label>
+    <div class="section-content" :data-test="`supporting-evidence-${field}`">
+      <div class="supporting-evidence-content">
+        <button v-if="isDataUnavailable && this.editable && writePermissions"
+          @click="onContentChanged('attach', content)"
+          class="primary-button" :data-test="`attach-button-${field}`">
+          Attach
+        </button>
+        <font-awesome-icon v-if="!isDataUnavailable" :icon="typeIcon" size="lg" />
+        <div v-if="!isDataUnavailable && content.type == 'file'" @click="$emit('download', content)" target="_blank"
+          rel="noreferrer noopener" class="attachment-name">
+          {{ content.name }}
+        </div>
+        <a v-if="!isDataUnavailable && content.type == 'link'" :href="content.data" target="_blank"
+          rel="noreferrer noopener" class="attachment-name">
+          {{ content.name }}
+        </a>
+      </div>
+      <div class="action-items">
+        <button v-if="!isDataUnavailable && writePermissions" @click="onContentChanged('delete', content)"
+          data-test="delete-button">
+          <font-awesome-icon icon="xmark" size="xl" />
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'section-supporting-evidence',
+  emits: ['update:sectionContent', 'download'],
+  props: {
+    field: {
+      type: String,
+    },
+    value: {
+      type: Array,
+      required: false,
+    },
+    editable: {
+      type: Boolean,
+      default: false,
+    },
+    writePermissions: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    isDataUnavailable: function() {
+      return this.value == '.' || this.value == 'null' || this.value == null || this.value.length == 0;
+    },
+    dataAvailabilityColour: function() {
+      return this.isDataUnavailable ? 'var(--rosalution-grey-300)' : 'var(--rosalution-black)';
+    },
+    typeIcon: function() {
+      if (this.isDataUnavailable) {
+        return undefined;
+      } else if (this.content.type === 'file') {
+        return ['far', 'file'];
+      }
+
+      return 'link';
+    },
+    content: function() {
+      if (this.isDataUnavailable) {
+        return {};
+      }
+
+      return this.value[0];
+    },
+  },
+  methods: {
+    onContentChanged(action, content) {
+      const contentRow = {
+        field: this.field,
+        type: 'supporting-evidence',
+        operation: action,
+        value: content,
+      };
+      this.$emit('update:sectionContent', contentRow);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.section-row {
+  display: flex;
+  flex-direction: row;
+  gap: var(--p-10);
+  padding: var(--p-1);
+}
+
+.section-field {
+  flex: 0 0 11.25rem;
+  font-weight: 600;
+}
+
+.section-content {
+  display: flex;
+  flex-direction: row;
+  flex: 1 0 0;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--rosalution-grey-50);
+  border-radius: var(--content-border-radius);
+  padding: var(--p-10);
+}
+
+.attachment-name {
+  color: var(--rosalution-purple-300);
+  font-weight: bold;
+  cursor: pointer;
+}
+
+.supporting-evidence-content {
+  display: flex;
+  align-items: center;
+  gap: var(--p-10);
+}
+
+.action-items svg {
+  color: var(--rosalution-black);
+}
+
+.action-items>button {
+  border: none;
+  background: none;
+}
+</style>
diff --git a/frontend/src/components/AnalysisView/SectionText.vue b/frontend/src/components/AnalysisView/SectionText.vue
index bc9b3312..f218c3aa 100644
--- a/frontend/src/components/AnalysisView/SectionText.vue
+++ b/frontend/src/components/AnalysisView/SectionText.vue
@@ -26,7 +26,7 @@
 <script>
 export default {
   name: 'section-text',
-  emits: ['update:sectionText'],
+  emits: ['update:sectionContent'],
   props: {
     field: {
       type: String,
@@ -62,7 +62,7 @@ export default {
         field: this.field,
         value: event.target.innerText.split('\n'),
       };
-      this.$emit('update:sectionText', contentRow);
+      this.$emit('update:sectionContent', contentRow);
     },
   },
 };
diff --git a/frontend/src/models/analyses.js b/frontend/src/models/analyses.js
index 88ff19bd..ccf46ccc 100644
--- a/frontend/src/models/analyses.js
+++ b/frontend/src/models/analyses.js
@@ -157,6 +157,62 @@ export default {
     };
     return await Requests.putForm(url, attachmentForm);
   },
+
+  async attachSectionSupportingEvidence(analysisName, section, field, evidence) {
+    let attachmentForm = null;
+    let url = `/rosalution/api/analysis/${analysisName}/section/attach`;
+
+    if (evidence.type == 'file') {
+      attachmentForm = {
+        'section_name': section,
+        'field_name': field,
+        'upload_file': evidence.data,
+        'comments': evidence.comments ? evidence.comments : '  ', /** Required for now, inserting empty string */
+      };
+      url += '/file';
+    } else if ( evidence.type == 'link') {
+      attachmentForm = {
+        'section_name': section,
+        'field_name': field,
+        'link_name': evidence.name,
+        'link': evidence.data,
+        'comments': evidence.comments ? evidence.comments : '  ', /** Required for now, inserting empty string */
+      };
+      url += '/link';
+    }
+
+    if (null == attachmentForm) {
+      throw new Error(`Evidence attachment ${evidence} type is invalid.`);
+    }
+
+    return await Requests.putForm(url, attachmentForm);
+  },
+
+  async removeSectionSupportingEvidenceFile(analysisName, section, field, attachmentId) {
+    const url = `/rosalution/api/analysis/${analysisName}/section/remove/file`;
+
+    const attachmentForm = {
+      'section_name': section,
+      'field_name': field,
+      'attachment_id': attachmentId,
+    };
+
+    const success = await Requests.putForm(url, attachmentForm);
+    return success;
+  },
+
+  async removeSectionSupportingEvidenceLink(analysisName, section, field) {
+    const url = `/rosalution/api/analysis/${analysisName}/section/remove/link`;
+
+    const attachmentForm = {
+      'section_name': section,
+      'field_name': field,
+    };
+
+    const success = await Requests.putForm(url, attachmentForm);
+    return success;
+  },
+
 };
 
 const annotationRenderingTemporary = [
diff --git a/frontend/src/views/AnalysisView.vue b/frontend/src/views/AnalysisView.vue
index 71224e27..c390943e 100644
--- a/frontend/src/views/AnalysisView.vue
+++ b/frontend/src/views/AnalysisView.vue
@@ -36,6 +36,7 @@
         @attach-image="this.attachSectionImage"
         @update-image="this.updateSectionImage"
         @update:content-row="this.onAnalysisContentUpdated"
+        @download="this.downloadSupportingEvidence"
       />
       <SupplementalFormList
         id="Supporting_Evidence"
@@ -271,7 +272,6 @@ export default {
             attachment.data,
         );
 
-
         const updatedSection = this.sectionsList.find((section) => {
           return section.header == sectionName;
         });
@@ -424,6 +424,11 @@ export default {
       this.$router.push({name: 'logout'});
     },
     onAnalysisContentUpdated(contentRow) {
+      if (typeof(contentRow.type) !== 'undefined' && 'supporting-evidence' === contentRow.type ) {
+        this.supportingEvidenceRowSectionChanged(contentRow);
+        return;
+      }
+
       if (!(contentRow.header in this.updatedContent)) {
         this.updatedContent[contentRow.header] = {};
       }
@@ -495,6 +500,100 @@ export default {
         toast.error(`Error updating the event '${eventType}'.`);
       }
     },
+    async supportingEvidenceRowSectionChanged(contentRow) {
+      const operations = {
+        'attach': this.sectionSupportingEvidenceRowAdded,
+        'delete': this.sectionSupportingEvidenceRowRemove,
+      };
+
+      if (!Object.hasOwn(operations, contentRow.operation)) {
+        // Warning here that the operation is invalid and move on
+        return;
+      }
+
+      operations[contentRow.operation](contentRow.header, contentRow.field, contentRow.value);
+    },
+    async sectionSupportingEvidenceRowAdded(section, field, evidence) {
+      const includeComments = true;
+      const includeName = true;
+      const attachment = await inputDialog
+          .confirmText('Add')
+          .cancelText('Cancel')
+          .file(includeComments, 'file', '.pdf, .jpg, .jpeg, .png')
+          .url(includeComments, includeName)
+          .prompt();
+
+      if (!attachment) {
+        return;
+      }
+
+      try {
+        const updatedAnalysisSectionField = await Analyses.attachSectionSupportingEvidence(
+            this.analysis_name,
+            section,
+            field,
+            attachment,
+        );
+        const updatedSection = this.sectionsList.find((sectionToFind) => {
+          return sectionToFind.header == section;
+        });
+
+        const updatedFieldIndex = updatedSection.content.findIndex((row) => {
+          return row.field == field;
+        });
+        updatedSection.content.splice(updatedFieldIndex, 1, updatedAnalysisSectionField.field_value);
+        this.replaceAnalysisSection(updatedSection);
+      } catch (error) {
+        console.error('Updating the analysis did not work');
+      }
+    },
+    async sectionSupportingEvidenceRowRemove(section, field, attachment) {
+      const confirmedDelete = await notificationDialog
+          .title(`Remove attachment`)
+          .confirmText('Delete')
+          .cancelText('Cancel')
+          .confirm(`Removing '${attachment.name}' from ${field} in ${section}?`);
+
+      console.log(attachment);
+
+      if (!confirmedDelete) {
+        return;
+      }
+
+      let updatedAnalysisSectionField;
+      try {
+        if ( 'file' === attachment.type) {
+          updatedAnalysisSectionField = await Analyses.removeSectionSupportingEvidenceFile(
+              this.analysis_name,
+              section,
+              field,
+              attachment.attachment_id,
+          );
+        } else if ( 'link' === attachment.type ) {
+          updatedAnalysisSectionField = await Analyses.removeSectionSupportingEvidenceLink(
+              this.analysis_name,
+              section,
+              field,
+          );
+        } else {
+          console.error('Attachment type to remove');
+          return;
+        }
+
+        const updatedSection = this.sectionsList.find((sectionToFind) => {
+          return sectionToFind.header == section;
+        });
+
+        const updatedFieldIndex = updatedSection.content.findIndex((row) => {
+          return row.field == field;
+        });
+
+        updatedSection.content.splice(updatedFieldIndex, 1, updatedAnalysisSectionField.field_value);
+        this.replaceAnalysisSection(updatedSection);
+      } catch (error) {
+        await notificationDialog.title('Failure').confirmText('Ok').alert(error);
+      }
+    },
   },
 };
 </script>
diff --git a/frontend/test/components/AnalysisView/SectionSupportingEvidence.spec.js b/frontend/test/components/AnalysisView/SectionSupportingEvidence.spec.js
new file mode 100644
index 00000000..34c51d35
--- /dev/null
+++ b/frontend/test/components/AnalysisView/SectionSupportingEvidence.spec.js
@@ -0,0 +1,50 @@
+import {describe, it, expect} from 'vitest';
+import {shallowMount} from '@vue/test-utils';
+
+import SectionSupportingEvidence from '@/components/AnalysisView/SectionSupportingEvidence.vue';
+import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
+
+/**
+ * Helper mounts and returns the rendered component
+ * @param {props} props props for testing to overwrite default props
+ * @return {VueWrapper} returns a shallow mounted using props
+ */
+function getMountedComponent(props) {
+  const defaultPropsData = {
+    field: 'Vetrinary Pathology Report',
+    value: [{
+      'name': 'CPAM0046-NM_170707.3 (LMNA)_ c.745C_T (p.R249W) other 2.PDF',
+      'attachment_id': '64dbcfa43d243bf1e782499f',
+      'type': 'file',
+      'comments': '',
+    }],
+    editable: true,
+    writePermissions: true,
+  };
+
+  return shallowMount(SectionSupportingEvidence, {
+    props: {...defaultPropsData, ...props},
+    global: {
+      components: {
+        'font-awesome-icon': FontAwesomeIcon,
+      },
+    },
+  });
+}
+
+describe('SectionSupportingEvidence.vue', () => {
+  let wrapper;
+
+  it('renders the supporting evidence when the value exists', async () => {
+    wrapper = getMountedComponent();
+    expect(wrapper.html()).to.include('CPAM0046');
+  });
+
+  it('renders an attach button when there is not content to render', () => {
+    wrapper = getMountedComponent({
+      value: [],
+    });
+    const attachButton = wrapper.find('[data-test="attach-button-Vetrinary Pathology Report"]');
+    expect(attachButton.exists()).to.be.true;
+  });
+});
diff --git a/frontend/test/views/AnalysisView.spec.js b/frontend/test/views/AnalysisView.spec.js
index 03a8efa0..f03b4125 100644
--- a/frontend/test/views/AnalysisView.spec.js
+++ b/frontend/test/views/AnalysisView.spec.js
@@ -89,6 +89,8 @@ describe('AnalysisView', () => {
   let markReadyMock;
   let updateAnalysisSectionsMock;
   let mockAuthWritePermissions;
+  let mockedAttachSectionSupportingEvidence;
+  let mockedRemoveSectionSupportingEvidenceFile;
   let wrapper;
   let sandbox;
 
@@ -105,6 +107,9 @@ describe('AnalysisView', () => {
     mockedRemoveSupportingEvidence = sandbox.stub(Analyses, 'removeSupportingEvidence');
     mockedAttachThirdPartyLink = sandbox.stub(Analyses, 'attachThirdPartyLink');
 
+    mockedAttachSectionSupportingEvidence = sandbox.stub(Analyses, 'attachSectionSupportingEvidence');
+    mockedRemoveSectionSupportingEvidenceFile = sandbox.stub(Analyses, 'removeSectionSupportingEvidenceFile');
+
     markReadyMock = sandbox.stub(Analyses, 'pushAnalysisEvent');
 
     updateAnalysisSectionsMock = sandbox.stub(Analyses, 'updateAnalysisSections');
@@ -143,7 +148,7 @@ describe('AnalysisView', () => {
     it('provides the expected headings of sections to be used as anchors', () => {
       const headerComponent = wrapper.get('[data-test="analysis-view-header"]');
       expect(headerComponent.attributes('sectionanchors')).to.equal(
-          'Brief,Medical Summary,Pedigree,Case Information,Supporting Evidence',
+          'Brief,Medical Summary,Mus musculus (Mouse) Model System,Pedigree,Case Information,Supporting Evidence',
       );
     });
 
@@ -545,6 +550,104 @@ describe('AnalysisView', () => {
         expect(failureNotificationDialog.exists()).to.be.true;
       });
     });
+
+    describe('when a section has a field that allows supporting evidence to be attached.', () => {
+      it('attaches supporting evidence to a field in the section', async () => {
+        const newAttachmentData = {
+          name: 'fake-attachment-evidence-name',
+          data: 'http://sites.uab.edu/cgds',
+          attachment_id: 'new-failure-id',
+          type: 'link',
+          comments: '',
+        };
+
+        mockedAttachSectionSupportingEvidence.returns({
+          header: 'Mus_musculus (Mouse) Model System',
+          field: 'Veterinary Pathology Imaging',
+          field_value: {
+            type: 'section-supporting-evidence',
+            field: 'Veterinary Pathology Imaging',
+            value: [{
+              ...newAttachmentData,
+              attachment_id: 'new-failure-id',
+            }],
+          },
+        });
+
+        const mouseSection = wrapper.getComponent('[id=Mus_musculus (Mouse) Model System]');
+
+        const mouseFieldToUpdate = mouseSection.props('content').find((row) => {
+          return row.field == 'Veterinary Pathology Imaging';
+        });
+
+        expect(mouseFieldToUpdate.value.length).to.equal(0);
+
+        mouseSection.vm.$emit('update:content-row', {
+          type: 'supporting-evidence',
+          operation: 'attach',
+          header: 'Mus musculus (Mouse) Model System',
+          field: 'Veterinary Pathology Imaging',
+          value: {},
+        });
+        await wrapper.vm.$nextTick();
+
+        inputDialog.confirmation(newAttachmentData);
+
+        // Needs to cycle through updating the prop in the view and then another
+        // tick for vuejs to reactively update the supplemental component
+        await wrapper.vm.$nextTick();
+        await wrapper.vm.$nextTick();
+
+        const updatedMouseSection = wrapper.getComponent('[id=Mus_musculus (Mouse) Model System]');
+        const mouseFieldUpdated = updatedMouseSection.props('content').find((row) => {
+          return row.field == 'Veterinary Pathology Imaging';
+        });
+        expect(mouseFieldUpdated.value.length).to.equal(1);
+      });
+
+      it('removes the supporting evidence', async () => {
+        mockedRemoveSectionSupportingEvidenceFile.resolves({
+          header: 'Mus_musculus (Mouse) Model System',
+          field: 'Veterinary Histology Report',
+          field_value: {
+            type: 'section-supporting-evidence',
+            field: 'Veterinary Histology Report',
+            value: [],
+          },
+        });
+
+        const mouseSection = wrapper.getComponent('[id=Mus_musculus (Mouse) Model System]');
+        const mouseFieldToUpdate = mouseSection.props('content').find((row) => {
+          return row.field == 'Veterinary Histology Report';
+        });
+        expect(mouseFieldToUpdate.value.length).to.equal(1);
+
+        mouseSection.vm.$emit('update:content-row', {
+          type: 'supporting-evidence',
+          operation: 'delete',
+          header: 'Mus musculus (Mouse) Model System',
+          field: 'Veterinary Histology Report',
+          value: {
+            type: 'file',
+            attachment_id: 'FJKLJFKLDJSKLFDS',
+          },
+        });
+        await wrapper.vm.$nextTick();
+
+        notificationDialog.confirmation();
+        await wrapper.vm.$nextTick();
+
+        // Neccesary to process several ticks to re-render the section
+        await wrapper.vm.$nextTick();
+        await wrapper.vm.$nextTick();
+
+        const updatedMouseSection = wrapper.getComponent('[id=Mus_musculus (Mouse) Model System]');
+        const mouseFieldUpdated = updatedMouseSection.props('content').find((row) => {
+          return row.field == 'Veterinary Histology Report';
+        });
+        expect(mouseFieldUpdated.value.length).to.equal(0);
+      });
+    });
   });
 
   describe('Saving and canceling analysis changes displays toasts', () => {
@@ -662,6 +765,40 @@ function fixtureData() {
           },
         ],
       },
+      {
+        header: 'Mus musculus (Mouse) Model System',
+        content: [
+          {
+            'type': 'section-text',
+            'field': 'Mutation',
+            'value': [
+              'NF1 c.2970-2972del (p.Met992del)',
+            ],
+          },
+          {
+            'type': 'section-text',
+            'field': 'Pathogenicity Test',
+            'value': [
+
+            ],
+          },
+          {
+            'type': 'section-supporting-evidence',
+            'field': 'Veterinary Histology Report',
+            'value': [{
+              'name': 'CPAM0046-NM_170707.3 (LMNA)_ c.745C_T (p.R249W) other 2.PDF',
+              'attachment_id': '64dbcfa43d243bf1e782499f',
+              'type': 'file',
+              'comments': '  ',
+            }],
+          },
+          {
+            'type': 'section-supporting-evidence',
+            'field': 'Veterinary Pathology Imaging',
+            'value': [],
+          },
+        ],
+      },
       {
         header: 'Pedigree',
         attachment_field: 'Pedigree',