diff --git a/sources/packages/backend/apps/api/src/app.aest.module.ts b/sources/packages/backend/apps/api/src/app.aest.module.ts
index 050c6e5a5f..b34c2630cb 100644
--- a/sources/packages/backend/apps/api/src/app.aest.module.ts
+++ b/sources/packages/backend/apps/api/src/app.aest.module.ts
@@ -110,6 +110,7 @@ import {
   DisbursementScheduleAESTController,
   FormSubmissionAESTController,
   MSFAANumberAESTController,
+  FormSubmissionControllerService,
 } from "./route-controllers";
 import { AuthModule } from "./auth/auth.module";
 import {
@@ -248,6 +249,7 @@ import { ECertIntegrationModule } from "@sims/integrations/esdc-integration";
     StudentAppealActionsProcessor,
     StudentAppealCreateAssessmentAction,
     StudentAppealUpdateModifiedIndependentAction,
+    FormSubmissionControllerService,
     // Form validators.
     ConfigurationContextValidator,
     PendingConcurrencyValidator,
diff --git a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.aest.controller.ts b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.aest.controller.ts
index 8e9fcff6f5..4ed561ebef 100644
--- a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.aest.controller.ts
+++ b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.aest.controller.ts
@@ -38,6 +38,7 @@ import {
   FormSubmissionItemDecisionAPIInDTO,
   FormSubmissionMinistryAPIOutDTO,
   FormSubmissionPendingSummaryAPIOutDTO,
+  FormSubmissionsAPIOutDTO,
 } from "./models/form-submission.dto";
 import { getUserFullName } from "../../utilities";
 import { FormSubmissionDecisionStatus } from "@sims/sims-db";
@@ -46,6 +47,7 @@ import {
   FormSubmissionPendingPaginationOptionsAPIInDTO,
   PaginatedResultsAPIOutDTO,
 } from "../models/pagination.dto";
+import { FormSubmissionControllerService } from "./form-submission.controller.service";
 
 /**
  * Roles allowed to update the form submission item decision
@@ -64,6 +66,7 @@ export class FormSubmissionAESTController extends BaseController {
   constructor(
     private readonly formSubmissionApprovalService: FormSubmissionApprovalService,
     private readonly formSubmissionService: FormSubmissionService,
+    private readonly formSubmissionControllerService: FormSubmissionControllerService,
   ) {
     super();
   }
@@ -95,6 +98,28 @@ export class FormSubmissionAESTController extends BaseController {
     };
   }
 
+  /**
+   * Gets the list of form submissions for a student,
+   * including the individual form items and their details.
+   * @param studentId student ID to retrieve the form submission history for.
+   * @returns list of form submissions for a student.
+   */
+  @Get("student/:studentId")
+  async getFormSubmissionHistory(
+    @Param("studentId", ParseIntPipe) studentId: number,
+  ): Promise<FormSubmissionsAPIOutDTO> {
+    // Kept the includeBasicDecisionDetails as false since the details controlled by
+    // the flag are not required to be returned by this endpoint.
+    const submissions =
+      await this.formSubmissionControllerService.getFormSubmissions(studentId, {
+        includeBasicDecisionDetails: false,
+        keepPendingDecisionsWhilePendingFormSubmission: false,
+      });
+    return {
+      submissions,
+    };
+  }
+
   /**
    * Get the details of a form submission, including the individual form items and their details.
    * @param formSubmissionId ID of the form submission to retrieve the details for.
@@ -109,11 +134,10 @@ export class FormSubmissionAESTController extends BaseController {
     @Param("formSubmissionId", ParseIntPipe) formSubmissionId: number,
     @Query("itemId", new ParseIntPipe({ optional: true })) itemId?: number,
   ): Promise<FormSubmissionMinistryAPIOutDTO> {
-    const submission =
-      await this.formSubmissionApprovalService.getFormSubmissionById(
-        formSubmissionId,
-        { itemId },
-      );
+    const [submission] = await this.formSubmissionService.getFormSubmissions(
+      { formSubmissionId, itemId },
+      { includeDecisionHistory: true, loadSubmittedData: true },
+    );
     if (!submission) {
       if (itemId) {
         throw new NotFoundException(
diff --git a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.controller.service.ts b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.controller.service.ts
index 1bcbefa6ef..cf6a06d1bb 100644
--- a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.controller.service.ts
+++ b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.controller.service.ts
@@ -1,6 +1,7 @@
 import { Injectable, NotFoundException } from "@nestjs/common";
 import { FormSubmissionService } from "../../services";
 import {
+  FormSubmission,
   FormSubmissionDecisionStatus,
   FormSubmissionItem,
   FormSubmissionStatus,
@@ -16,33 +17,83 @@ export class FormSubmissionControllerService {
 
   /**
    * Get the details of a form submission, including the individual form items and their details.
-   * @param formSubmissionId ID of the form submission to retrieve the details for.
-   * @param studentId ID used to validate the access to the student data.
+   * @param studentId ID of the student to have the data retrieved.
    * @param options.
-   * - `includeBasicDecisionDetails`: optional flag to include basic decision details, besides
+   * - `formSubmissionId` allow searching for a specific form submission. When provided, it will validate if the form
+   * submission belongs to the student and throw a not found HTTP error if it does not.
+   * - `locationIds` restrict forms with an application scope to the provided locations. Used for institutions to have access
+   * only to the form submissions related to the locations they have access to.
+   * - `keepPendingDecisionsWhilePendingFormSubmission`, when true, will return "Pending" as the decision status for all items
+   * if the form submission is still pending. This is used to avoid showing decisions that are not final yet while the form
+   * submission is not completed. Default to true when not provided to expose less information.
+   * - `includeBasicDecisionDetails` optional flag to include basic decision details, besides
    * the decision status. Used for institutions to have access to more details than the student
-   * to better support them.
-   * - `applicationId`: optional ID of the application, used to validate the access to the form submission
-   * @returns form submission details.
+   * to better support them. Default to false when not provided to expose less information. When keepPendingDecisionsWhilePendingFormSubmission
+   * is true, the decision details will not be included while the form submission is pending to avoid showing non-final decisions
+   * to be exposed.
+   * - `loadSubmittedData` includes the submitted data of each form item.
+   * @returns form submission details including individual form items and their details.
+   * @throws NotFoundException when the formSubmissionId is provided but no record is returned.
    */
-  async getFormSubmission(
-    formSubmissionId: number,
+  async getFormSubmissions(
     studentId: number,
     options?: {
+      formSubmissionId?: number;
+      locationIds?: number[];
+      keepPendingDecisionsWhilePendingFormSubmission?: boolean;
       includeBasicDecisionDetails?: boolean;
-      applicationId?: number;
+      loadSubmittedData?: boolean;
     },
-  ): Promise<FormSubmissionAPIOutDTO> {
-    const submission = await this.formSubmissionService.getFormSubmissionById(
-      formSubmissionId,
-      studentId,
-      { applicationId: options?.applicationId },
+  ): Promise<FormSubmissionAPIOutDTO[]> {
+    const submissions = await this.formSubmissionService.getFormSubmissions(
+      { studentId, formSubmissionId: options?.formSubmissionId },
+      {
+        locationIds: options?.locationIds,
+        loadSubmittedData: options?.loadSubmittedData,
+      },
     );
-    if (!submission) {
+    if (options?.formSubmissionId && !submissions?.length) {
       throw new NotFoundException(
-        `Form submission with ID ${formSubmissionId} not found.`,
+        `Form submission with ID ${options?.formSubmissionId} not found.`,
       );
     }
+
+    // Set default value for the options that define how data will be returned considering the
+    // default behavior to expose less information and avoid showing non-final decisions.
+    const keepPendingDecisionsWhilePendingFormSubmission =
+      options?.keepPendingDecisionsWhilePendingFormSubmission ?? true;
+    let includeBasicDecisionDetails: boolean;
+    if (keepPendingDecisionsWhilePendingFormSubmission) {
+      includeBasicDecisionDetails = false;
+    } else {
+      includeBasicDecisionDetails =
+        options?.includeBasicDecisionDetails ?? false;
+    }
+    return submissions.map((submission) =>
+      this.mapSubmissionsToAPIOutDTO(
+        submission,
+        includeBasicDecisionDetails,
+        keepPendingDecisionsWhilePendingFormSubmission,
+      ),
+    );
+  }
+
+  /**
+   * Convert a form submission record to the API output format,
+   * including the individual form items and their details.
+   * @param submission form submission record to be converted.
+   * @param includeBasicDecisionDetails flag to indicate if the basic decision details should be included in the response,
+   * besides the status that is always included.
+   * @param keepPendingDecisionsWhilePendingFormSubmission when true, will return "Pending" as the decision status for all items
+   * if the form submission is still pending. This is used to avoid showing decisions that are not final yet while the form
+   * submission is not completed.
+   * @returns form submission details including individual form items and their details in the API output format.
+   */
+  private mapSubmissionsToAPIOutDTO(
+    submission: FormSubmission,
+    includeBasicDecisionDetails: boolean,
+    keepPendingDecisionsWhilePendingFormSubmission: boolean,
+  ): FormSubmissionAPIOutDTO {
     return {
       id: submission.id,
       formCategory: submission.formCategory,
@@ -50,6 +101,7 @@ export class FormSubmissionControllerService {
       applicationId: submission.application?.id,
       applicationNumber: submission.application?.applicationNumber,
       submittedDate: submission.submittedDate,
+      assessedDate: submission.assessedDate,
       submissionItems: submission.formSubmissionItems.map((item) => ({
         id: item.id,
         formType: item.dynamicFormConfiguration.formType,
@@ -60,7 +112,8 @@ export class FormSubmissionControllerService {
         currentDecision: this.mapCurrentDecision(
           submission.submissionStatus,
           item,
-          !!options?.includeBasicDecisionDetails,
+          includeBasicDecisionDetails,
+          keepPendingDecisionsWhilePendingFormSubmission,
         ),
       })),
     };
@@ -80,15 +133,19 @@ export class FormSubmissionControllerService {
     submissionStatus: FormSubmissionStatus,
     submissionItem: FormSubmissionItem,
     includeBasicDecisionDetails: boolean,
+    keepPendingDecisionsWhilePendingFormSubmission: boolean,
   ): FormSubmissionItemDecisionAPIOutDTO {
-    if (submissionStatus === FormSubmissionStatus.Pending) {
-      // For pending submissions, the decision details should not be returned.
-      return { decisionStatus: FormSubmissionDecisionStatus.Pending };
-    }
+    let decisionStatus =
+      keepPendingDecisionsWhilePendingFormSubmission &&
+      submissionStatus === FormSubmissionStatus.Pending
+        ? FormSubmissionDecisionStatus.Pending
+        : submissionItem.currentDecision?.decisionStatus;
+    // Default to Pending if no decision exists.
+    decisionStatus = decisionStatus ?? FormSubmissionDecisionStatus.Pending;
     return {
-      decisionStatus: submissionItem.currentDecision.decisionStatus,
+      decisionStatus,
       decisionNoteDescription: includeBasicDecisionDetails
-        ? submissionItem.currentDecision.decisionNote.description
+        ? submissionItem.currentDecision?.decisionNote?.description
         : undefined,
     };
   }
diff --git a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.institutions.controller.ts b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.institutions.controller.ts
index f7d601c768..aeb89ba603 100644
--- a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.institutions.controller.ts
+++ b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.institutions.controller.ts
@@ -1,18 +1,23 @@
 import { Controller, Get, Param, ParseIntPipe } from "@nestjs/common";
-import { AuthorizedParties } from "../../auth";
+import { AuthorizedParties, IInstitutionUserToken } from "../../auth";
 import {
   AllowAuthorizedParty,
   HasStudentDataAccess,
   IsBCPublicInstitution,
+  UserToken,
 } from "../../auth/decorators";
 import { ApiNotFoundResponse, ApiTags } from "@nestjs/swagger";
 import BaseController from "../BaseController";
 import { ClientTypeBaseRoute } from "../../types";
 import { FormSubmissionControllerService } from "./form-submission.controller.service";
-import { FormSubmissionAPIOutDTO } from "./models/form-submission.dto";
+import {
+  FormSubmissionAPIOutDTO,
+  FormSubmissionsAPIOutDTO,
+} from "./models/form-submission.dto";
 
 @AllowAuthorizedParty(AuthorizedParties.institution)
 @IsBCPublicInstitution()
+@HasStudentDataAccess("studentId")
 @Controller("form-submission")
 @ApiTags(`${ClientTypeBaseRoute.Institution}-form-submission`)
 export class FormSubmissionInstitutionsController extends BaseController {
@@ -22,6 +27,27 @@ export class FormSubmissionInstitutionsController extends BaseController {
     super();
   }
 
+  /**
+   * Gets the list of form submissions for a student, including the individual form items and their details.
+   * The form submissions with application scope will be restricted to the locations the user has access.
+   * All form submissions without application scope can be retrieved as long as the user has access to the student data.
+   * @param studentId student ID to retrieve the form submission history for.
+   * @returns list of form submissions for a student.
+   */
+  @Get("student/:studentId")
+  async getFormSubmissionHistory(
+    @Param("studentId", ParseIntPipe) studentId: number,
+    @UserToken() userToken: IInstitutionUserToken,
+  ): Promise<FormSubmissionsAPIOutDTO> {
+    const submissions =
+      await this.formSubmissionControllerService.getFormSubmissions(studentId, {
+        locationIds: userToken.authorizations.getLocationsIds(),
+      });
+    return {
+      submissions,
+    };
+  }
+
   /**
    * Get the details of a form submission, including the individual form items and their details.
    * Please note currently the institution can only access form submissions related to their students
@@ -34,19 +60,19 @@ export class FormSubmissionInstitutionsController extends BaseController {
    * @returns form submission details including individual form items and their details.
    */
   @ApiNotFoundResponse({ description: "Form submission not found." })
-  @HasStudentDataAccess("studentId", "applicationId")
-  @Get(
-    "student/:studentId/application/:applicationId/form-submission/:formSubmissionId",
-  )
+  @Get("student/:studentId/form-submission/:formSubmissionId")
   async getFormSubmission(
     @Param("studentId", ParseIntPipe) studentId: number,
-    @Param("applicationId", ParseIntPipe) applicationId: number,
     @Param("formSubmissionId", ParseIntPipe) formSubmissionId: number,
+    @UserToken() userToken: IInstitutionUserToken,
   ): Promise<FormSubmissionAPIOutDTO> {
-    return this.formSubmissionControllerService.getFormSubmission(
-      formSubmissionId,
-      studentId,
-      { includeBasicDecisionDetails: true, applicationId },
-    );
+    const [submission] =
+      await this.formSubmissionControllerService.getFormSubmissions(studentId, {
+        formSubmissionId,
+        includeBasicDecisionDetails: true,
+        loadSubmittedData: true,
+        locationIds: userToken.authorizations.getLocationsIds(),
+      });
+    return submission;
   }
 }
diff --git a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.students.controller.ts b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.students.controller.ts
index b15272e464..12b42b6cdd 100644
--- a/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.students.controller.ts
+++ b/sources/packages/backend/apps/api/src/route-controllers/form-submission/form-submission.students.controller.ts
@@ -34,6 +34,7 @@ import {
   FormSubmissionAPIInDTO,
   FormSubmissionAPIOutDTO,
   FormSubmissionConfigurationsAPIOutDTO,
+  FormSubmissionsAPIOutDTO,
   FormSupplementaryDataAPIInDTO,
   FormSupplementaryDataAPIOutDTO,
 } from "./models/form-submission.dto";
@@ -100,6 +101,24 @@ export class FormSubmissionStudentsController extends BaseController {
     };
   }
 
+  /**
+   * Gets the list of form submissions for the student,
+   * including the individual form items and their details.
+   * @returns list of form submissions for the student.
+   */
+  @Get()
+  async getFormSubmissionHistory(
+    @UserToken() userToken: StudentUserToken,
+  ): Promise<FormSubmissionsAPIOutDTO> {
+    const submissions =
+      await this.formSubmissionControllerService.getFormSubmissions(
+        userToken.studentId,
+      );
+    return {
+      submissions,
+    };
+  }
+
   /**
    * Get the details of a form submission, including the individual form items and their details.
    * @param formSubmissionId ID of the form submission to retrieve the details for.
@@ -111,10 +130,12 @@ export class FormSubmissionStudentsController extends BaseController {
     @Param("formSubmissionId", ParseIntPipe) formSubmissionId: number,
     @UserToken() userToken: StudentUserToken,
   ): Promise<FormSubmissionAPIOutDTO> {
-    return this.formSubmissionControllerService.getFormSubmission(
-      formSubmissionId,
-      userToken.studentId,
-    );
+    const [submission] =
+      await this.formSubmissionControllerService.getFormSubmissions(
+        userToken.studentId,
+        { formSubmissionId, loadSubmittedData: true },
+      );
+    return submission;
   }
 
   /**
diff --git a/sources/packages/backend/apps/api/src/route-controllers/form-submission/models/form-submission.dto.ts b/sources/packages/backend/apps/api/src/route-controllers/form-submission/models/form-submission.dto.ts
index aff0b149c5..2a50772168 100644
--- a/sources/packages/backend/apps/api/src/route-controllers/form-submission/models/form-submission.dto.ts
+++ b/sources/packages/backend/apps/api/src/route-controllers/form-submission/models/form-submission.dto.ts
@@ -65,6 +65,7 @@ abstract class FormSubmissionBaseAPIOutDTO {
   applicationId?: number;
   applicationNumber?: string;
   submittedDate: Date;
+  assessedDate?: Date;
 }
 
 /**
@@ -117,6 +118,14 @@ export class FormSubmissionAPIOutDTO extends FormSubmissionBaseAPIOutDTO {
   submissionItems: FormSubmissionItemAPIOutDTO[];
 }
 
+/**
+ * List of form submissions for a student, including the
+ * individual form items and their details.
+ */
+export class FormSubmissionsAPIOutDTO {
+  submissions: FormSubmissionAPIOutDTO[];
+}
+
 /**
  * Individual form items that will be part of a form submission with one to many forms
  * for the Ministry, including the decision details.
diff --git a/sources/packages/backend/apps/api/src/services/form-submission/form-submission-approval.service.ts b/sources/packages/backend/apps/api/src/services/form-submission/form-submission-approval.service.ts
index d9f3a46ea0..e2911c0565 100644
--- a/sources/packages/backend/apps/api/src/services/form-submission/form-submission-approval.service.ts
+++ b/sources/packages/backend/apps/api/src/services/form-submission/form-submission-approval.service.ts
@@ -1,6 +1,5 @@
 import { Injectable } from "@nestjs/common";
-import { InjectRepository } from "@nestjs/typeorm";
-import { DataSource, Repository } from "typeorm";
+import { DataSource } from "typeorm";
 import { Role } from "../../auth";
 import {
   User,
@@ -39,75 +38,8 @@ export class FormSubmissionApprovalService {
     private readonly dataSource: DataSource,
     private readonly noteSharedService: NoteSharedService,
     private readonly formSubmissionActionProcessor: FormSubmissionActionProcessor,
-    @InjectRepository(FormSubmission)
-    private readonly formSubmissionRepo: Repository<FormSubmission>,
   ) {}
 
-  /**
-   * Gets a form submission by its ID.
-   * @param formSubmissionId The ID of the form submission to retrieve.
-   * @param options optional filters.
-   * - `itemId`: if provided, returns only the form submission item with the specified ID in the
-   * form submission items array.
-   * @returns The form submission if found, otherwise null.
-   */
-  async getFormSubmissionById(
-    formSubmissionId: number,
-    options?: { itemId?: number },
-  ): Promise<FormSubmission | null> {
-    return this.formSubmissionRepo.findOne({
-      select: {
-        id: true,
-        submissionStatus: true,
-        submittedDate: true,
-        formCategory: true,
-        formSubmissionItems: {
-          id: true,
-          dynamicFormConfiguration: {
-            id: true,
-            formType: true,
-            formCategory: true,
-            formDefinitionName: true,
-          },
-          currentDecision: {
-            id: true,
-            decisionStatus: true,
-            decisionDate: true,
-            decisionBy: { id: true, firstName: true, lastName: true },
-            decisionNote: { id: true, description: true },
-          },
-          decisions: {
-            id: true,
-            decisionStatus: true,
-            decisionDate: true,
-            decisionBy: { id: true, firstName: true, lastName: true },
-            decisionNote: { id: true, description: true },
-          },
-          submittedData: true,
-          updatedAt: true,
-        },
-      },
-      relations: {
-        formSubmissionItems: {
-          dynamicFormConfiguration: true,
-          currentDecision: {
-            decisionBy: true,
-            decisionNote: true,
-          },
-          decisions: {
-            decisionBy: true,
-            decisionNote: true,
-          },
-        },
-      },
-      where: {
-        id: formSubmissionId,
-        formSubmissionItems: { id: options?.itemId },
-      },
-      order: { formSubmissionItems: { id: "ASC", decisions: { id: "DESC" } } },
-    });
-  }
-
   /**
    * Saves a decision to be associated with a form submission item, saving the decision
    * history and ensuring the necessary authorization and validations.
diff --git a/sources/packages/backend/apps/api/src/services/form-submission/form-submission.service.ts b/sources/packages/backend/apps/api/src/services/form-submission/form-submission.service.ts
index 5a0d3025f4..a75c8b4f67 100644
--- a/sources/packages/backend/apps/api/src/services/form-submission/form-submission.service.ts
+++ b/sources/packages/backend/apps/api/src/services/form-submission/form-submission.service.ts
@@ -1,5 +1,5 @@
 import { Injectable } from "@nestjs/common";
-import { Brackets, In, Repository } from "typeorm";
+import { Brackets, In, IsNull, Repository } from "typeorm";
 import {
   FormCategory,
   FormSubmission,
@@ -159,26 +159,37 @@ export class FormSubmissionService {
   }
 
   /**
-   * Gets a form submission by its ID.
-   * @param formSubmissionId The ID of the form submission to retrieve.
-   * @param studentId student ID for authorization.
-   * @param options method options.
-   * - `applicationId`: optional application ID to ensure the form submission
-   * belongs to the application related to the institution's student.
-   * @returns The form submission if found, otherwise null.
+   * Get the details of a form submission, including the individual form items and their details.
+   * @param options at least one of this options should be provided..
+   * - `studentId` ID of the student to have the data retrieved
+   * - `formSubmissionId` allow searching for a specific form submission.
+   * - `itemId` allow searching for a specific form submission item across all form submissions of the student,
+   * and return the form submission details for the form submission that contains the item.
+   * @param queryOptions.
+   * - `locationIds` restrict forms with an application scope to the provided locations. Used for institutions to have access
+   * only to the form submissions related to the locations they have access to.
+   * - `includeDecisionHistory` includes the decision history of each form item.
+   * - `loadSubmittedData` includes the submitted data of each form item.
+   * @returns form submission details including individual form items and their details.
    */
-  async getFormSubmissionById(
-    formSubmissionId: number,
-    studentId: number,
-    options?: {
-      applicationId?: number;
+  async getFormSubmissions(
+    options: {
+      studentId?: number;
+      formSubmissionId?: number;
+      itemId?: number;
     },
-  ): Promise<FormSubmission | null> {
-    return this.formSubmissionRepo.findOne({
+    queryOptions?: {
+      locationIds?: number[];
+      includeDecisionHistory?: boolean;
+      loadSubmittedData?: boolean;
+    },
+  ): Promise<FormSubmission[]> {
+    return this.formSubmissionRepo.find({
       select: {
         id: true,
         submissionStatus: true,
         submittedDate: true,
+        assessedDate: true,
         formCategory: true,
         application: {
           id: true,
@@ -192,31 +203,60 @@ export class FormSubmissionService {
             formCategory: true,
             formDefinitionName: true,
           },
-          submittedData: true,
+          submittedData: !!queryOptions?.loadSubmittedData,
           updatedAt: true,
           currentDecision: {
             id: true,
             decisionStatus: true,
-            decisionNote: {
-              id: true,
-              description: true,
-            },
+            decisionDate: true,
+            decisionBy: { id: true, firstName: true, lastName: true },
+            decisionNote: { id: true, description: true },
           },
+          decisions: queryOptions?.includeDecisionHistory
+            ? {
+                id: true,
+                decisionStatus: true,
+                decisionDate: true,
+                decisionBy: { id: true, firstName: true, lastName: true },
+                decisionNote: { id: true, description: true },
+              }
+            : undefined,
         },
       },
       relations: {
         application: true,
         formSubmissionItems: {
           dynamicFormConfiguration: true,
-          currentDecision: { decisionNote: true },
+          currentDecision: { decisionBy: true, decisionNote: true },
+          decisions: queryOptions?.includeDecisionHistory
+            ? {
+                decisionBy: true,
+                decisionNote: true,
+              }
+            : undefined,
         },
       },
       where: {
-        id: formSubmissionId,
-        student: { id: studentId },
-        application: { id: options?.applicationId },
+        id: options?.formSubmissionId,
+        formSubmissionItems: {
+          id: options?.itemId,
+        },
+        student: { id: options?.studentId },
+        application: {
+          location: queryOptions?.locationIds
+            ? [{ id: In(queryOptions.locationIds) }, { id: IsNull() }]
+            : undefined,
+        },
+      },
+      order: {
+        submittedDate: "DESC",
+        formSubmissionItems: {
+          id: "ASC",
+          decisions: queryOptions?.includeDecisionHistory
+            ? { id: "DESC" }
+            : undefined,
+        },
       },
-      order: { formSubmissionItems: { id: "ASC" } },
     });
   }
 }
diff --git a/sources/packages/web/src/components/aest/students/FormSubmissionPendingAppealsTable.vue b/sources/packages/web/src/components/aest/students/FormSubmissionPendingAppealsTable.vue
index 75860e68ea..9ab8e9025b 100644
--- a/sources/packages/web/src/components/aest/students/FormSubmissionPendingAppealsTable.vue
+++ b/sources/packages/web/src/components/aest/students/FormSubmissionPendingAppealsTable.vue
@@ -35,6 +35,7 @@
         :items-per-page="DEFAULT_PAGE_LIMIT"
         :items-per-page-options="ITEMS_PER_PAGE"
         @update:options="pageSortEvent"
+        :mobile="isMobile"
       >
         <template #loading>
           <v-skeleton-loader type="table-row@5"></v-skeleton-loader>
@@ -79,7 +80,9 @@ import {
   PaginatedResultsAPIOutDTO,
 } from "@/services/http/dto";
 import { FormSubmissionService } from "@/services/FormSubmissionService";
+import { useDisplay } from "vuetify";
 
+const { mobile: isMobile } = useDisplay();
 const router = useRouter();
 const { dateOnlyLongString, emptyStringFiller } = useFormatters();
 const snackBar = useSnackBar();
@@ -102,26 +105,14 @@ const currentPagination: PaginationOptions = {
 };
 
 /**
- * Navigates to the appropriate page to review and approve the pending appeal.
- * Application appeals are redirected to the assessments summary page, while
- * non-application appeals are redirected to the form submission approval page.
+ * Navigates to the common form submissions page to review and approve the pending appeal.
  * @param pendingAppeal pending appeal item to navigate to.
  */
 const goToAppealsApproval = (
   pendingAppeal: FormSubmissionPendingSummaryAPIOutDTO,
 ) => {
-  if (pendingAppeal.applicationId) {
-    router.push({
-      name: AESTRoutesConst.ASSESSMENTS_SUMMARY,
-      params: {
-        applicationId: pendingAppeal.applicationId,
-        studentId: pendingAppeal.studentId,
-      },
-    });
-    return;
-  }
   router.push({
-    name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_APPROVAL,
+    name: AESTRoutesConst.FORM_SUBMISSION_APPROVAL_FROM_PENDING_APPEALS,
     params: {
       formSubmissionId: pendingAppeal.formSubmissionId,
     },
diff --git a/sources/packages/web/src/components/aest/students/FormSubmissionPendingFormsTable.vue b/sources/packages/web/src/components/aest/students/FormSubmissionPendingFormsTable.vue
index e28005717b..df5ad927f3 100644
--- a/sources/packages/web/src/components/aest/students/FormSubmissionPendingFormsTable.vue
+++ b/sources/packages/web/src/components/aest/students/FormSubmissionPendingFormsTable.vue
@@ -19,6 +19,7 @@
         :items-per-page="DEFAULT_PAGE_LIMIT"
         :items-per-page-options="ITEMS_PER_PAGE"
         @update:options="pageSortEvent"
+        :mobile="isMobile"
       >
         <template #loading>
           <v-skeleton-loader type="table-row@5"></v-skeleton-loader>
@@ -62,6 +63,9 @@ import {
   PaginatedResultsAPIOutDTO,
 } from "@/services/http/dto";
 import { FormSubmissionService } from "@/services/FormSubmissionService";
+import { useDisplay } from "vuetify";
+
+const { mobile: isMobile } = useDisplay();
 
 const router = useRouter();
 const { dateOnlyLongString, emptyStringFiller } = useFormatters();
@@ -88,7 +92,7 @@ const goToFormSubmission = (
   formSubmission: FormSubmissionPendingSummaryAPIOutDTO,
 ) => {
   router.push({
-    name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_APPROVAL,
+    name: AESTRoutesConst.FORM_SUBMISSION_APPROVAL_FROM_PENDING_FORMS,
     params: { formSubmissionId: formSubmission.formSubmissionId },
   });
 };
diff --git a/sources/packages/web/src/components/form-submissions/FormSubmissionHistory.vue b/sources/packages/web/src/components/form-submissions/FormSubmissionHistory.vue
new file mode 100644
index 0000000000..02e9ec4729
--- /dev/null
+++ b/sources/packages/web/src/components/form-submissions/FormSubmissionHistory.vue
@@ -0,0 +1,259 @@
+<template>
+  <body-header-container>
+    <template #header>
+      <body-header
+        title="History"
+        sub-title="You can see the history of submitted forms."
+      >
+        <template #actions>
+          <v-btn-toggle
+            density="compact"
+            color="primary"
+            mandatory
+            class="float-right btn-toggle"
+            selected-class="selected-btn-toggle"
+            v-model="formCategoryFilter"
+          >
+            <v-btn
+              v-for="filterCategory of formCategoryFilterOptions"
+              :key="filterCategory.value"
+              rounded="xl"
+              class="ml-2"
+              :value="filterCategory.value"
+              >{{ filterCategory.label }}
+              <template #append
+                ><v-badge
+                  class="ma-n1"
+                  :color="
+                    filterCategory.value === formCategoryFilter
+                      ? 'primary'
+                      : 'border'
+                  "
+                  :content="filterCategory.count"
+                  inline
+                ></v-badge
+              ></template>
+            </v-btn>
+          </v-btn-toggle>
+        </template>
+      </body-header>
+    </template>
+    <content-group>
+      <v-skeleton-loader :loading="loading" type="card, card">
+        <toggle-content
+          :toggled="!filteredSubmissions?.length"
+          message="Review your past forms submissions, and decisions here."
+        >
+          <v-card
+            hover
+            class="my-4"
+            v-for="submission in filteredSubmissions"
+            :key="submission.id"
+            variant="elevated"
+            :ripple="false"
+            @click="goToSubmission(submission.id)"
+          >
+            <v-card-item>
+              <v-card-title>
+                <v-row>
+                  <v-col
+                    ><span class="category-header-medium color-blue mr-2">{{
+                      submission.formCategory
+                    }}</span></v-col
+                  >
+                  <v-col
+                    ><status-chip-form-submission :status="submission.status"
+                  /></v-col>
+                  <v-col
+                    ><v-btn color="primary" class="float-right">
+                      View
+                    </v-btn></v-col
+                  >
+                </v-row>
+                <v-divider class="mb-0"></v-divider>
+              </v-card-title>
+            </v-card-item>
+            <v-card-text>
+              <v-row no-gutters>
+                <v-col
+                  ><title-value property-title="Submitted date">
+                    <template #value>
+                      {{ getISODateHourMinuteString(submission.submittedDate) }}
+                    </template>
+                  </title-value></v-col
+                >
+                <v-col
+                  ><title-value property-title="Assessed date">
+                    <template #value>
+                      {{
+                        !!submission.assessedDate
+                          ? getISODateHourMinuteString(submission.assessedDate)
+                          : "Pending"
+                      }}
+                    </template>
+                  </title-value>
+                </v-col>
+                <v-col v-if="submission.applicationNumber">
+                  <title-value
+                    property-title="Application number"
+                    :property-value="submission.applicationNumber"
+                /></v-col>
+              </v-row>
+              <v-row no-gutters class="mt-2">
+                <v-col>
+                  <span class="category-header-small brand-gray-text"
+                    >Submitted form(s)</span
+                  >
+                </v-col>
+              </v-row>
+              <v-table striped="even">
+                <thead>
+                  <tr>
+                    <th id="name" class="text-left">Name</th>
+                    <th id="decisionStatus" class="text-left">
+                      Decision status
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr
+                    v-for="item in submission.submissionItems"
+                    :key="item.formType"
+                  >
+                    <td headers="name">{{ item.formType }}</td>
+                    <td headers="decisionStatus">
+                      <StatusChipFormSubmissionDecision
+                        :status="item.currentDecision.decisionStatus"
+                      />
+                    </td>
+                  </tr>
+                </tbody>
+              </v-table>
+            </v-card-text>
+          </v-card>
+        </toggle-content>
+      </v-skeleton-loader>
+    </content-group>
+  </body-header-container>
+</template>
+<script lang="ts">
+import { computed, defineComponent, ref, watchEffect } from "vue";
+import { StudentRoutesConst } from "@/constants/routes/RouteConstants";
+import { useFormatters, useSnackBar, useStudentAppeals } from "@/composables";
+import { FormSubmissionService } from "@/services/FormSubmissionService";
+import StatusChipFormSubmission from "@/components/generic/StatusChipFormSubmission.vue";
+import StatusChipFormSubmissionDecision from "@/components/generic/StatusChipFormSubmissionDecision.vue";
+import { FormCategory } from "@/types";
+import { FormSubmissionAPIOutDTO } from "@/services/http/dto";
+
+export type FormsCategoryFilterTypes = FormCategory | "all";
+
+interface FormsCategoryFilter {
+  label: string;
+  value: FormsCategoryFilterTypes;
+  count: number;
+}
+
+export default defineComponent({
+  emits: {
+    goToSubmission: (formSubmissionId: number) => {
+      return !!formSubmissionId;
+    },
+  },
+  components: {
+    StatusChipFormSubmission,
+    StatusChipFormSubmissionDecision,
+  },
+  props: {
+    studentId: {
+      type: Number,
+      required: false,
+      default: undefined,
+    },
+  },
+  setup(props, { emit }) {
+    const loading = ref(true);
+    const snackBar = useSnackBar();
+    const formCategoryFilter = ref<FormsCategoryFilterTypes>("all");
+    const formCategoryFilterOptions = ref<FormsCategoryFilter[]>([]);
+    const { mapStudentAppealsFormNames } = useStudentAppeals();
+    const {
+      emptyStringFiller,
+      getISODateHourMinuteString,
+      conditionalEmptyStringFiller,
+      dateOnlyLongString,
+    } = useFormatters();
+    const submissions = ref<FormSubmissionAPIOutDTO[]>();
+
+    watchEffect(async () => {
+      try {
+        loading.value = true;
+        const submissionSummary =
+          await FormSubmissionService.shared.getFormSubmissionHistory(
+            props.studentId,
+          );
+        submissions.value = submissionSummary.submissions;
+        // Count submissions per category.
+        const countPerCategory = submissionSummary.submissions.reduce(
+          (total, submission) => {
+            total[submission.formCategory] =
+              (total[submission.formCategory] ?? 0) + 1;
+            return total;
+          },
+          {} as Partial<Record<FormCategory, number>>,
+        );
+        formCategoryFilterOptions.value = [
+          {
+            label: "View all",
+            value: "all",
+            count: submissionSummary.submissions.length,
+          },
+          {
+            label: "View appeals",
+            value: FormCategory.StudentAppeal,
+            count: countPerCategory[FormCategory.StudentAppeal] ?? 0,
+          },
+          {
+            label: "View forms",
+            value: FormCategory.StudentForm,
+            count: countPerCategory[FormCategory.StudentForm] ?? 0,
+          },
+        ];
+      } catch {
+        snackBar.error("Unexpected error while loading form submissions.");
+      } finally {
+        loading.value = false;
+      }
+    });
+
+    const filteredSubmissions = computed(() => {
+      if (formCategoryFilter.value === "all") {
+        return submissions.value;
+      }
+      return submissions.value?.filter(
+        (submission) => formCategoryFilter.value === submission.formCategory,
+      );
+    });
+
+    const goToSubmission = async (formSubmissionId: number) => {
+      emit("goToSubmission", formSubmissionId);
+    };
+
+    return {
+      loading,
+      formCategoryFilterOptions,
+      FormCategory,
+      formCategoryFilter,
+      submissions,
+      StudentRoutesConst,
+      emptyStringFiller,
+      getISODateHourMinuteString,
+      conditionalEmptyStringFiller,
+      dateOnlyLongString,
+      mapStudentAppealsFormNames,
+      goToSubmission,
+      filteredSubmissions,
+    };
+  },
+});
+</script>
diff --git a/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue b/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue
index febba9621c..041b93a528 100644
--- a/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue
+++ b/sources/packages/web/src/components/layouts/BodyHeaderContainer.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="mb-5">
     <v-card v-if="enableCardView">
-      <v-container>
+      <v-container :fluid="true">
         <slot name="header"></slot>
         <slot></slot>
       </v-container>
diff --git a/sources/packages/web/src/components/layouts/TabContainer.vue b/sources/packages/web/src/components/layouts/TabContainer.vue
index f17324a8c3..41ee93072a 100644
--- a/sources/packages/web/src/components/layouts/TabContainer.vue
+++ b/sources/packages/web/src/components/layouts/TabContainer.vue
@@ -2,7 +2,7 @@
   <div class="mt-8">
     <!-- Default slot (with and without v-card) -->
     <v-card v-if="enableCardView">
-      <v-container>
+      <v-container :fluid="true">
         <slot></slot>
       </v-container>
     </v-card>
diff --git a/sources/packages/web/src/constants/routes/RouteConstants.ts b/sources/packages/web/src/constants/routes/RouteConstants.ts
index 46dbb9286d..3058e764da 100644
--- a/sources/packages/web/src/constants/routes/RouteConstants.ts
+++ b/sources/packages/web/src/constants/routes/RouteConstants.ts
@@ -55,6 +55,7 @@ export const StudentRoutesConst = {
   STUDENT_FORMS_HISTORY: Symbol(),
   STUDENT_FORMS_SUBMISSION_VIEW: Symbol(),
   STUDENT_FORMS_SUBMISSION_VIEW_FROM_APPLICATION_SUMMARY: Symbol(),
+  STUDENT_FORMS_SUBMISSION_VIEW_FROM_HISTORY: Symbol(),
 };
 
 /**
@@ -102,6 +103,8 @@ export const InstitutionRoutesConst = {
   STUDENT_PROFILE: Symbol(),
   STUDENT_DETAILS: Symbol(),
   STUDENT_APPLICATIONS: Symbol(),
+  STUDENT_FORM_SUBMISSION_HISTORY: Symbol(),
+  STUDENT_FORM_SUBMISSION_VIEW_FROM_HISTORY: Symbol(),
   STUDENT_APPLICATION_DETAILS: Symbol(),
   STUDENT_RESTRICTIONS: Symbol(),
   STUDENT_FILE_UPLOADS: Symbol(),
@@ -167,6 +170,9 @@ export const AESTRoutesConst = {
   STUDENT_APPLICATION_APPEAL_REQUESTS_APPROVAL: Symbol(),
   STUDENT_APPLICATION_APPEAL_REQUESTS_APPROVAL_VERSION: Symbol(),
   STUDENT_APPLICATION_FORM_SUBMISSION_APPROVAL: Symbol(),
+  FORM_SUBMISSION_APPROVAL_FROM_HISTORY: Symbol(),
+  FORM_SUBMISSION_APPROVAL_FROM_PENDING_APPEALS: Symbol(),
+  FORM_SUBMISSION_APPROVAL_FROM_PENDING_FORMS: Symbol(),
   STUDENT_APPLICATION_FORM_SUBMISSION_APPROVAL_VERSION: Symbol(),
   STUDENT_APPLICATION_OFFERING_CHANGE_REQUEST: Symbol(),
   STUDENT_APPLICATION_OFFERING_CHANGE_REQUEST_VERSION: Symbol(),
@@ -184,6 +190,7 @@ export const AESTRoutesConst = {
   LEGACY_STUDENT_APPEALS: Symbol(),
   STUDENT_FORM_SUBMISSION_PENDING_FORMS: Symbol(),
   STUDENT_FORM_SUBMISSION_PENDING_APPEALS: Symbol(),
+  STUDENT_FORM_SUBMISSION_HISTORY: Symbol(),
   APPLICATION_CHANGE_REQUESTS_PENDING: Symbol(),
   STUDENT_ACCOUNT_APPLICATIONS: Symbol(),
   STUDENT_ACCOUNT_APPLICATIONS_APPROVAL: Symbol(),
diff --git a/sources/packages/web/src/router/AESTRoutes.ts b/sources/packages/web/src/router/AESTRoutes.ts
index 541d677bae..425f7a8fbd 100644
--- a/sources/packages/web/src/router/AESTRoutes.ts
+++ b/sources/packages/web/src/router/AESTRoutes.ts
@@ -69,6 +69,7 @@ import { AESTRoutesApplicationVersionsDetails } from "@/router/AESTRoutesApplica
 import ViewPendingOfferings from "@/views/aest/institution/ViewPendingOfferings.vue";
 import ViewPendingPrograms from "@/views/aest/institution/ViewPendingPrograms.vue";
 import StudentFormSubmissionApproval from "@/views/aest/student/StudentFormSubmissionApproval.vue";
+import StudentFormSubmissionHistory from "@/views/aest/student/StudentFormSubmissionHistory.vue";
 import StudentFormSubmissionPendingForms from "@/views/aest/student/StudentFormSubmissionPendingForms.vue";
 import StudentFormSubmissionPendingAppeals from "@/views/aest/student/StudentFormSubmissionPendingAppeals.vue";
 
@@ -140,6 +141,17 @@ export const aestRoutes: Array<RouteRecordRaw> = [
               clientType: ClientIdType.AEST,
             },
           },
+          {
+            path: AppRoutes.FormSubmissionHistory,
+            name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_HISTORY,
+            component: StudentFormSubmissionHistory,
+            props: (route) => ({
+              studentId: Number.parseInt(route.params.studentId as string),
+            }),
+            meta: {
+              clientType: ClientIdType.AEST,
+            },
+          },
           {
             path: AppRoutes.Restrictions,
             name: AESTRoutesConst.STUDENT_RESTRICTION,
@@ -379,6 +391,71 @@ export const aestRoutes: Array<RouteRecordRaw> = [
           ...AESTRoutesApplicationVersionsDetails,
         ],
       },
+      {
+        path: AppRoutes.StudentFormSubmissionApproval,
+        name: AESTRoutesConst.FORM_SUBMISSION_APPROVAL_FROM_HISTORY,
+        props: (route) => ({
+          formSubmissionId: Number.parseInt(
+            route.params.formSubmissionId as string,
+          ),
+          readOnly: false,
+          backTarget: route.query?.studentId
+            ? {
+                name: "Student details",
+                to: {
+                  name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_HISTORY,
+                  params: {
+                    studentId: route.query.studentId,
+                  },
+                },
+              }
+            : undefined,
+        }),
+        component: StudentFormSubmissionApproval,
+        meta: {
+          clientType: ClientIdType.AEST,
+        },
+      },
+      {
+        path: AppRoutes.StudentFormSubmissionApproval,
+        name: AESTRoutesConst.FORM_SUBMISSION_APPROVAL_FROM_PENDING_APPEALS,
+        props: (route) => ({
+          formSubmissionId: Number.parseInt(
+            route.params.formSubmissionId as string,
+          ),
+          readOnly: false,
+          backTarget: {
+            name: "Appeals",
+            to: {
+              name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_PENDING_APPEALS,
+            },
+          },
+        }),
+        component: StudentFormSubmissionApproval,
+        meta: {
+          clientType: ClientIdType.AEST,
+        },
+      },
+      {
+        path: AppRoutes.StudentFormSubmissionApproval,
+        name: AESTRoutesConst.FORM_SUBMISSION_APPROVAL_FROM_PENDING_FORMS,
+        props: (route) => ({
+          formSubmissionId: Number.parseInt(
+            route.params.formSubmissionId as string,
+          ),
+          readOnly: false,
+          backTarget: {
+            name: "Forms",
+            to: {
+              name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_PENDING_FORMS,
+            },
+          },
+        }),
+        component: StudentFormSubmissionApproval,
+        meta: {
+          clientType: ClientIdType.AEST,
+        },
+      },
       {
         path: AppRoutes.SearchStudents,
         name: AESTRoutesConst.SEARCH_STUDENTS,
diff --git a/sources/packages/web/src/router/InstitutionRoutes.ts b/sources/packages/web/src/router/InstitutionRoutes.ts
index 84a5e45ea4..e059202fa2 100644
--- a/sources/packages/web/src/router/InstitutionRoutes.ts
+++ b/sources/packages/web/src/router/InstitutionRoutes.ts
@@ -62,6 +62,7 @@ import InProgress from "@/views/institution/locations/request-a-change/request-a
 import Completed from "@/views/institution/locations/request-a-change/request-a-change/Completed.vue";
 import Reports from "@/views/institution/Reports.vue";
 import FormSubmissionView from "@/views/institution/student/StudentFormSubmissionView.vue";
+import StudentFormSubmissionHistory from "@/views/institution/student/StudentFormSubmissionHistory.vue";
 
 export const institutionRoutes: Array<RouteRecordRaw> = [
   {
@@ -686,6 +687,22 @@ export const institutionRoutes: Array<RouteRecordRaw> = [
               ],
             },
           },
+          {
+            path: AppRoutes.FormSubmissionHistory,
+            name: InstitutionRoutesConst.STUDENT_FORM_SUBMISSION_HISTORY,
+            component: StudentFormSubmissionHistory,
+            props: (route) => ({
+              studentId: Number.parseInt(route.params.studentId as string),
+            }),
+            meta: {
+              clientType: ClientIdType.Institution,
+              institutionUserTypes: [
+                InstitutionUserTypes.admin,
+                InstitutionUserTypes.user,
+                InstitutionUserTypes.readOnlyUser,
+              ],
+            },
+          },
           {
             path: AppRoutes.Restrictions,
             name: InstitutionRoutesConst.STUDENT_RESTRICTIONS,
@@ -827,6 +844,34 @@ export const institutionRoutes: Array<RouteRecordRaw> = [
           },
         ],
       },
+      {
+        path: AppRoutes.InstitutionStudentFormSubmissionView,
+        name: InstitutionRoutesConst.STUDENT_FORM_SUBMISSION_VIEW_FROM_HISTORY,
+        component: FormSubmissionView,
+        props: (route) => ({
+          studentId: Number.parseInt(route.params.studentId as string),
+          formSubmissionId: Number.parseInt(
+            route.params.formSubmissionId as string,
+          ),
+          backTarget: {
+            name: "Student details",
+            to: {
+              name: InstitutionRoutesConst.STUDENT_FORM_SUBMISSION_HISTORY,
+              params: {
+                studentId: route.params.studentId,
+              },
+            },
+          },
+        }),
+        meta: {
+          clientType: ClientIdType.Institution,
+          institutionUserTypes: [
+            InstitutionUserTypes.admin,
+            InstitutionUserTypes.user,
+            InstitutionUserTypes.readOnlyUser,
+          ],
+        },
+      },
     ],
     beforeEnter: (to, _from, next) => {
       AuthService.shared
diff --git a/sources/packages/web/src/router/StudentRoutes.ts b/sources/packages/web/src/router/StudentRoutes.ts
index d829855e26..b931ce4854 100644
--- a/sources/packages/web/src/router/StudentRoutes.ts
+++ b/sources/packages/web/src/router/StudentRoutes.ts
@@ -354,6 +354,25 @@ export const studentRoutes: Array<RouteRecordRaw> = [
           clientType: ClientIdType.Student,
         },
       },
+      {
+        path: AppRoutes.StudentFormSubmissionView,
+        name: StudentRoutesConst.STUDENT_FORMS_SUBMISSION_VIEW_FROM_HISTORY,
+        component: FormSubmissionView,
+        props: (route) => ({
+          formSubmissionId: Number.parseInt(
+            route.params.formSubmissionId as string,
+          ),
+          backTarget: {
+            name: "Forms",
+            to: {
+              name: StudentRoutesConst.STUDENT_FORMS_HISTORY,
+            },
+          },
+        }),
+        meta: {
+          clientType: ClientIdType.Student,
+        },
+      },
       {
         path: AppRoutes.RequestChange,
         name: StudentRoutesConst.STUDENT_REQUEST_CHANGE,
diff --git a/sources/packages/web/src/services/FormSubmissionService.ts b/sources/packages/web/src/services/FormSubmissionService.ts
index 3722af8a28..cdf2ad5361 100644
--- a/sources/packages/web/src/services/FormSubmissionService.ts
+++ b/sources/packages/web/src/services/FormSubmissionService.ts
@@ -8,9 +8,9 @@ import {
   FormSubmissionMinistryAPIOutDTO,
   FormSubmissionCompletionAPIInDTO,
   FormSubmissionAPIOutDTO,
-  FormSubmissionItemAPIOutDTO,
   FormSubmissionPendingSummaryAPIOutDTO,
   PaginatedResultsAPIOutDTO,
+  FormSubmissionsAPIOutDTO,
 } from "@/services/http/dto";
 import { FormCategory, PaginationOptions } from "@/types";
 
@@ -30,11 +30,16 @@ export class FormSubmissionService {
     return ApiClient.FormSubmissionApi.getSubmissionForms();
   }
 
-  // TODO: To be implemented.
-  async getFormSubmissionSummary(): Promise<{
-    submissions: FormSubmissionItemAPIOutDTO[];
-  }> {
-    return ApiClient.FormSubmissionApi.getFormSubmissionSummary();
+  /**
+   * Gets the list of form submissions for the student, including the individual form items and their details.
+   * For institutions, the form submissions with application scope will be restricted to the locations the user has access,
+   * while all form submissions without application scope can be retrieved as long as the user has access to the student data.
+   * @returns list of form submissions for the student.
+   */
+  async getFormSubmissionHistory(
+    studentId?: number,
+  ): Promise<FormSubmissionsAPIOutDTO> {
+    return ApiClient.FormSubmissionApi.getFormSubmissionHistory(studentId);
   }
 
   /**
@@ -47,8 +52,6 @@ export class FormSubmissionService {
    * @param options.
    * - `studentId`: optional ID used to validate the institution access to the student data.
    * Must be provided with `applicationId`.
-   * - `applicationId`: optional ID used to validate the institution access to the application data.
-   * Must be provided with `studentId`.
    * - `itemId`: optional ID of the form submission item to filter the details for.
    * @returns form submission details including individual form items and their details.
    */
diff --git a/sources/packages/web/src/services/http/FormSubmissionApi.ts b/sources/packages/web/src/services/http/FormSubmissionApi.ts
index 5497736ab1..4311768d63 100644
--- a/sources/packages/web/src/services/http/FormSubmissionApi.ts
+++ b/sources/packages/web/src/services/http/FormSubmissionApi.ts
@@ -10,6 +10,7 @@ import {
   FormSubmissionPendingSummaryAPIOutDTO,
   PaginatedResultsAPIOutDTO,
   FormSubmissionAPIOutDTO,
+  FormSubmissionsAPIOutDTO,
 } from "@/services/http/dto";
 import {
   FormCategory,
@@ -106,13 +107,20 @@ export class FormSubmissionApi extends HttpBaseClient {
     return this.getCall(this.addClientRoot("form-submission/forms"));
   }
 
-  // TODO: To be implemented.
-  async getFormSubmissionSummary(): Promise<{
-    submissions: FormSubmissionAPIOutDTO[];
-  }> {
-    return {
-      submissions: MOCKED_SUBMISSIONS,
-    };
+  /**
+   * Gets the list of form submissions for the student, including the individual form items and their details.
+   * For institutions, the form submissions with application scope will be restricted to the locations the user has access,
+   * while all form submissions without application scope can be retrieved as long as the user has access to the student data.
+   * @returns list of form submissions for the student.
+   */
+  async getFormSubmissionHistory(
+    studentId?: number,
+  ): Promise<FormSubmissionsAPIOutDTO> {
+    let url = "form-submission";
+    if (studentId) {
+      url += `/student/${studentId}`;
+    }
+    return this.getCall(this.addClientRoot(url));
   }
 
   /**
@@ -125,19 +133,18 @@ export class FormSubmissionApi extends HttpBaseClient {
    * @param options.
    * - `studentId`: optional ID used to validate the institution access to the student data.
    * Must be provided with `applicationId`.
-   * - `applicationId`: optional ID used to validate the institution access to the application data.
-   * Must be provided with `studentId`.
    * - `itemId`: optional ID of the form submission item to filter the details for.
    * @returns form submission details including individual form items and their details.
    */
   async getFormSubmission(
     formSubmissionId: number,
-    options?: { studentId?: number; applicationId?: number; itemId?: number },
+    options?: { studentId?: number; itemId?: number },
   ): Promise<FormSubmissionAPIOutDTO | FormSubmissionMinistryAPIOutDTO> {
     let url = `form-submission/${formSubmissionId}`;
-    if (options?.studentId && options?.applicationId) {
-      // Used for institutions to validate the access to the student and application data related to the form submission.
-      url = `form-submission/student/${options.studentId}/application/${options.applicationId}/${url}`;
+    if (options?.studentId) {
+      // Used for institutions to validate the access to the student data.
+      // Used by the Ministry to request a specific student.
+      url = `form-submission/student/${options.studentId}/${url}`;
     }
     if (options?.itemId) {
       // Used by the Ministry to filter the form submission details for a specific form item during the approval process.
diff --git a/sources/packages/web/src/services/http/dto/FormSubmission.dto.ts b/sources/packages/web/src/services/http/dto/FormSubmission.dto.ts
index 35b9fd9c19..ab00c0a8c7 100644
--- a/sources/packages/web/src/services/http/dto/FormSubmission.dto.ts
+++ b/sources/packages/web/src/services/http/dto/FormSubmission.dto.ts
@@ -40,6 +40,7 @@ interface FormSubmissionBaseAPIOutDTO {
   applicationId?: number;
   applicationNumber?: string;
   submittedDate: Date;
+  assessedDate?: Date;
 }
 
 /**
@@ -64,6 +65,14 @@ export interface FormSubmissionAPIOutDTO extends FormSubmissionBaseAPIOutDTO {
   submissionItems: FormSubmissionItemAPIOutDTO[];
 }
 
+/**
+ * List of form submissions for a student, including the
+ * individual form items and their details.
+ */
+export class FormSubmissionsAPIOutDTO {
+  submissions: FormSubmissionAPIOutDTO[];
+}
+
 /**
  * Current decision associated with a form submission item.
  */
diff --git a/sources/packages/web/src/types/AppRoutes.ts b/sources/packages/web/src/types/AppRoutes.ts
index bfcb7b31da..c3c9ea3997 100644
--- a/sources/packages/web/src/types/AppRoutes.ts
+++ b/sources/packages/web/src/types/AppRoutes.ts
@@ -103,6 +103,7 @@ export enum AppRoutes {
   ActiveApplicationScholasticStandingView = "active-application/location/:locationId/scholastic-standing/:scholasticStandingId",
   OfferingsUpload = "offerings-upload",
   WithdrawalUpload = "withdrawal-upload",
+  InstitutionStudentFormSubmissionView = "student/:studentId/form-submission/:formSubmissionId",
 
   // AEST
   AESTRoot = "/ministry",
@@ -125,6 +126,7 @@ export enum AppRoutes {
   LegacyStudentAppeals = "legacy-appeals",
   FormSubmissionPendingForms = "pending-forms",
   FormSubmissionPendingAppeals = "pending-appeals",
+  FormSubmissionHistory = "form-submissions",
   ApplicationChangeRequests = "application-change-requests",
   StudentAccountApplications = "student-account-applications",
   StudentAccountApplicationsApproval = "student-account-applications/:studentAccountApplicationId/approval",
diff --git a/sources/packages/web/src/views/aest/student/StudentDetails.vue b/sources/packages/web/src/views/aest/student/StudentDetails.vue
index 7a293e85c2..f598d8b0ef 100644
--- a/sources/packages/web/src/views/aest/student/StudentDetails.vue
+++ b/sources/packages/web/src/views/aest/student/StudentDetails.vue
@@ -64,6 +64,14 @@ export default defineComponent({
           params: { studentId: props.studentId },
         }),
       },
+      {
+        label: "Forms",
+        icon: "fa:fas fa-inbox",
+        command: () => ({
+          name: AESTRoutesConst.STUDENT_FORM_SUBMISSION_HISTORY,
+          params: { studentId: props.studentId },
+        }),
+      },
       {
         label: "Restrictions",
         icon: "fa:far fa-times-circle",
diff --git a/sources/packages/web/src/views/aest/student/StudentFormSubmissionHistory.vue b/sources/packages/web/src/views/aest/student/StudentFormSubmissionHistory.vue
new file mode 100644
index 0000000000..cd327fe899
--- /dev/null
+++ b/sources/packages/web/src/views/aest/student/StudentFormSubmissionHistory.vue
@@ -0,0 +1,43 @@
+<template>
+  <tab-container>
+    <form-submission-history
+      :student-id="studentId"
+      @go-to-submission="goToSubmission"
+    />
+  </tab-container>
+</template>
+<script lang="ts">
+import { defineComponent } from "vue";
+import { AESTRoutesConst } from "@/constants/routes/RouteConstants";
+import { useRouter } from "vue-router";
+import FormSubmissionHistory from "@/components/form-submissions/FormSubmissionHistory.vue";
+
+export default defineComponent({
+  components: {
+    FormSubmissionHistory,
+  },
+  props: {
+    studentId: {
+      type: Number,
+      required: true,
+    },
+  },
+  setup(props) {
+    const router = useRouter();
+    const goToSubmission = async (formSubmissionId: number) => {
+      await router.push({
+        name: AESTRoutesConst.FORM_SUBMISSION_APPROVAL_FROM_HISTORY,
+        params: {
+          formSubmissionId,
+        },
+        query: {
+          studentId: props.studentId,
+        },
+      });
+    };
+    return {
+      goToSubmission,
+    };
+  },
+});
+</script>
diff --git a/sources/packages/web/src/views/institution/student/InstitutionStudentDetails.vue b/sources/packages/web/src/views/institution/student/InstitutionStudentDetails.vue
index 6586bf6aff..fcb7da0454 100644
--- a/sources/packages/web/src/views/institution/student/InstitutionStudentDetails.vue
+++ b/sources/packages/web/src/views/institution/student/InstitutionStudentDetails.vue
@@ -55,6 +55,14 @@ export default defineComponent({
           params: { studentId: props.studentId },
         }),
       },
+      {
+        label: "Forms",
+        icon: "fa:fas fa-inbox",
+        command: () => ({
+          name: InstitutionRoutesConst.STUDENT_FORM_SUBMISSION_HISTORY,
+          params: { studentId: props.studentId },
+        }),
+      },
       {
         label: "Restrictions",
         icon: "fa:far fa-times-circle",
diff --git a/sources/packages/web/src/views/institution/student/StudentFormSubmissionHistory.vue b/sources/packages/web/src/views/institution/student/StudentFormSubmissionHistory.vue
new file mode 100644
index 0000000000..60ab7da92b
--- /dev/null
+++ b/sources/packages/web/src/views/institution/student/StudentFormSubmissionHistory.vue
@@ -0,0 +1,41 @@
+<template>
+  <tab-container>
+    <form-submission-history
+      :student-id="studentId"
+      @go-to-submission="goToSubmission"
+    />
+  </tab-container>
+</template>
+<script lang="ts">
+import { defineComponent } from "vue";
+import { InstitutionRoutesConst } from "@/constants/routes/RouteConstants";
+import { useRouter } from "vue-router";
+import FormSubmissionHistory from "@/components/form-submissions/FormSubmissionHistory.vue";
+
+export default defineComponent({
+  components: {
+    FormSubmissionHistory,
+  },
+  props: {
+    studentId: {
+      type: Number,
+      required: true,
+    },
+  },
+  setup(props) {
+    const router = useRouter();
+    const goToSubmission = async (formSubmissionId: number) => {
+      await router.push({
+        name: InstitutionRoutesConst.STUDENT_FORM_SUBMISSION_VIEW_FROM_HISTORY,
+        params: {
+          formSubmissionId,
+          studentId: props.studentId,
+        },
+      });
+    };
+    return {
+      goToSubmission,
+    };
+  },
+});
+</script>
diff --git a/sources/packages/web/src/views/institution/student/StudentFormSubmissionView.vue b/sources/packages/web/src/views/institution/student/StudentFormSubmissionView.vue
index 4bd000e843..136176db8a 100644
--- a/sources/packages/web/src/views/institution/student/StudentFormSubmissionView.vue
+++ b/sources/packages/web/src/views/institution/student/StudentFormSubmissionView.vue
@@ -25,24 +25,28 @@
           </template>
         </body-header>
       </template>
-      <form-submission-items
-        :submission-items="formSubmissionItems"
-        :loading="loading"
-        :read-only="true"
-      >
-        <template
-          #decision="{ decision }"
-          v-if="formSubmission?.status !== FormSubmissionStatus.Pending"
+      <content-group>
+        <form-submission-items
+          :submission-items="formSubmissionItems"
+          :loading="loading"
+          :read-only="true"
         >
-          <h4 class="category-header-medium brand-gray-text">Decision notes</h4>
-          <v-divider />
-          <v-sheet color="grey-lighten-4 p-3" rounded border>
-            <p>
-              {{ decision.noteDescription }}
-            </p>
-          </v-sheet>
-        </template>
-      </form-submission-items>
+          <template
+            #decision="{ decision }"
+            v-if="formSubmission?.status !== FormSubmissionStatus.Pending"
+          >
+            <h4 class="category-header-medium brand-gray-text">
+              Decision notes
+            </h4>
+            <v-divider />
+            <v-sheet color="grey-lighten-4 p-3" rounded border>
+              <p>
+                {{ decision.noteDescription }}
+              </p>
+            </v-sheet>
+          </template>
+        </form-submission-items>
+      </content-group>
     </body-header-container>
   </student-page-container>
 </template>
@@ -76,10 +80,6 @@ export default defineComponent({
       type: Number,
       required: true,
     },
-    applicationId: {
-      type: Number,
-      required: true,
-    },
     formSubmissionId: {
       type: Number,
       required: true,
@@ -110,7 +110,7 @@ export default defineComponent({
         const submission =
           (await FormSubmissionService.shared.getFormSubmission(
             props.formSubmissionId,
-            { studentId: props.studentId, applicationId: props.applicationId },
+            { studentId: props.studentId },
           )) as FormSubmissionAPIOutDTO;
         formSubmission.value = submission;
 
diff --git a/sources/packages/web/src/views/student/form-submissions/FormSubmission.vue b/sources/packages/web/src/views/student/form-submissions/FormSubmission.vue
index c22940b64c..e3207e2621 100644
--- a/sources/packages/web/src/views/student/form-submissions/FormSubmission.vue
+++ b/sources/packages/web/src/views/student/form-submissions/FormSubmission.vue
@@ -17,24 +17,26 @@
           </template>
         </body-header>
       </template>
-      <form-submission-items
-        :submission-items="formSubmissionItems"
-        :application-id="applicationId"
-        :loading="loadingSubmissionForms"
-        @submitted="submitted"
-      >
-        <template #actions="{ submit, allFormsLoaded }">
-          <footer-buttons
-            justify="space-between"
-            :processing="processing"
-            @secondary-click="cancel"
-            secondary-label="Back"
-            @primary-click="submit"
-            primary-label="Submit for review"
-            :disable-primary-button="!allFormsLoaded"
-          ></footer-buttons>
-        </template>
-      </form-submission-items>
+      <content-group>
+        <form-submission-items
+          :submission-items="formSubmissionItems"
+          :application-id="applicationId"
+          :loading="loadingSubmissionForms"
+          @submitted="submitted"
+        >
+          <template #actions="{ submit, allFormsLoaded }">
+            <footer-buttons
+              justify="space-between"
+              :processing="processing"
+              @secondary-click="cancel"
+              secondary-label="Back"
+              @primary-click="submit"
+              primary-label="Submit for review"
+              :disable-primary-button="!allFormsLoaded"
+            ></footer-buttons>
+          </template>
+        </form-submission-items>
+      </content-group>
     </body-header-container>
   </student-page-container>
 </template>
diff --git a/sources/packages/web/src/views/student/form-submissions/FormSubmissionView.vue b/sources/packages/web/src/views/student/form-submissions/FormSubmissionView.vue
index 9df8b0c228..a57747a693 100644
--- a/sources/packages/web/src/views/student/form-submissions/FormSubmissionView.vue
+++ b/sources/packages/web/src/views/student/form-submissions/FormSubmissionView.vue
@@ -28,18 +28,13 @@
           </template>
         </body-header>
       </template>
-      <form-submission-items
-        :submission-items="formSubmissionItems"
-        :loading="loading"
-        :read-only="true"
-      >
-        <template #actions>
-          <footer-buttons
-            :show-primary-button="false"
-            secondary-label="Back"
-            @secondary-click="goBack"
-        /></template>
-      </form-submission-items>
+      <content-group>
+        <form-submission-items
+          :submission-items="formSubmissionItems"
+          :loading="loading"
+          :read-only="true"
+        />
+      </content-group>
     </body-header-container>
   </student-page-container>
 </template>
@@ -47,7 +42,6 @@
 <script lang="ts">
 import { defineComponent, PropType, ref, watchEffect } from "vue";
 import FormSubmissionItems from "@/components/form-submissions/FormSubmissionItems.vue";
-import { useRouter } from "vue-router";
 import { FormSubmissionService } from "@/services/FormSubmissionService";
 import { BackTarget, FormSubmissionItem } from "@/types";
 import { FormSubmissionAPIOutDTO } from "@/services/http/dto";
@@ -78,17 +72,10 @@ export default defineComponent({
   },
   setup(props) {
     const snackBar = useSnackBar();
-    const router = useRouter();
     const formSubmission = ref<FormSubmissionAPIOutDTO>();
     const formSubmissionItems = ref([] as FormSubmissionItem[]);
     const loading = ref(true);
 
-    const goBack = () => {
-      router.push({
-        name: StudentRoutesConst.STUDENT_FORMS_HISTORY,
-      });
-    };
-
     watchEffect(async () => {
       try {
         loading.value = true;
@@ -126,7 +113,6 @@ export default defineComponent({
       StudentRoutesConst,
       loading,
       formSubmission,
-      goBack,
     };
   },
 });
diff --git a/sources/packages/web/src/views/student/form-submissions/StudentFormsHistory.vue b/sources/packages/web/src/views/student/form-submissions/StudentFormsHistory.vue
index 3dd4407c35..49a44de172 100644
--- a/sources/packages/web/src/views/student/form-submissions/StudentFormsHistory.vue
+++ b/sources/packages/web/src/views/student/form-submissions/StudentFormsHistory.vue
@@ -1,197 +1,29 @@
 <template>
   <v-card class="mb-4 p-4">
-    <body-header-container>
-      <template #header>
-        <body-header
-          title="History"
-          sub-title="You can see the history of submitted forms."
-        >
-          <template #actions>
-            <v-btn-toggle
-              density="compact"
-              color="primary"
-              multiple
-              mandatory
-              class="float-right btn-toggle"
-              selected-class="selected-btn-toggle"
-              v-model="formCategoryFilter"
-            >
-              <v-btn
-                rounded="xl"
-                color="primary"
-                :value="FormCategory.StudentAppeal"
-                >View appeals</v-btn
-              >
-              <v-btn
-                rounded="xl"
-                class="ml-2"
-                color="primary"
-                :value="FormCategory.StudentForm"
-                >View forms</v-btn
-              >
-            </v-btn-toggle>
-          </template>
-        </body-header>
-      </template>
-      <toggle-content
-        :toggled="!submissions?.length"
-        message="Review your past forms submissions, and decisions here."
-      >
-        <v-card
-          hover
-          class="my-4"
-          v-for="submission in filteredSubmissions"
-          :key="submission.id"
-          variant="elevated"
-        >
-          <v-card-item>
-            <v-card-title>
-              <v-row>
-                <v-col
-                  ><span class="category-header-medium color-blue mr-2">{{
-                    submission.formCategory
-                  }}</span></v-col
-                >
-                <v-col
-                  ><status-chip-form-submission :status="submission.status"
-                /></v-col>
-                <v-col
-                  ><v-btn
-                    color="primary"
-                    class="float-right"
-                    @click="goToSubmission(submission.id)"
-                  >
-                    View
-                  </v-btn></v-col
-                >
-              </v-row>
-              <v-divider class="mb-0"></v-divider>
-            </v-card-title>
-          </v-card-item>
-          <v-card-text>
-            <v-row no-gutters>
-              <v-col
-                ><title-value property-title="Submitted date">
-                  <template #value>
-                    {{ getISODateHourMinuteString(submission.submittedDate) }}
-                  </template>
-                </title-value></v-col
-              >
-              <v-col
-                ><title-value property-title="Assessed date">
-                  <template #value>
-                    {{
-                      !!submission.assessedDate
-                        ? getISODateHourMinuteString(submission.assessedDate)
-                        : "Pending"
-                    }}
-                  </template>
-                </title-value>
-              </v-col>
-              <v-col v-if="submission.applicationNumber">
-                <title-value
-                  property-title="Application number"
-                  :property-value="submission.applicationNumber"
-              /></v-col>
-            </v-row>
-            <v-row no-gutters class="mt-2">
-              <v-col>
-                <span class="category-header-small brand-gray-text"
-                  >Submitted form(s)</span
-                >
-              </v-col>
-            </v-row>
-            <v-table striped="even">
-              <thead>
-                <tr>
-                  <th id="name" class="text-left">Name</th>
-                  <th id="decisionStatus" class="text-left">Decision status</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  v-for="item in submission.submissionItems"
-                  :key="item.formType"
-                >
-                  <td headers="name">{{ item.formType }}</td>
-                  <td headers="decisionStatus">
-                    <StatusChipFormSubmissionDecision
-                      :status="item.decisionStatus"
-                    />
-                  </td>
-                </tr>
-              </tbody>
-            </v-table>
-          </v-card-text>
-        </v-card>
-      </toggle-content>
-    </body-header-container>
+    <form-submission-history @go-to-submission="goToSubmission" />
   </v-card>
 </template>
 <script lang="ts">
-import { computed, defineComponent, ref, watchEffect } from "vue";
+import { defineComponent } from "vue";
 import { StudentRoutesConst } from "@/constants/routes/RouteConstants";
-import { useFormatters, useStudentAppeals } from "@/composables";
 import router from "@/router";
-import { FormSubmissionService } from "@/services/FormSubmissionService";
-import StatusChipFormSubmission from "@/components/generic/StatusChipFormSubmission.vue";
-import StatusChipFormSubmissionDecision from "@/components/generic/StatusChipFormSubmissionDecision.vue";
-import { FormSubmissionStudentAPIOutDTO } from "@/services/http/dto";
-import { FormCategory } from "@/types";
+import FormSubmissionHistory from "@/components/form-submissions/FormSubmissionHistory.vue";
 
 export default defineComponent({
   components: {
-    StatusChipFormSubmission,
-    StatusChipFormSubmissionDecision,
+    FormSubmissionHistory,
   },
   setup() {
-    const formCategoryFilter = ref([
-      FormCategory.StudentAppeal,
-      FormCategory.StudentForm,
-    ]);
-    const { mapStudentAppealsFormNames } = useStudentAppeals();
-    const {
-      emptyStringFiller,
-      getISODateHourMinuteString,
-      conditionalEmptyStringFiller,
-      dateOnlyLongString,
-    } = useFormatters();
-    const submissions = ref<FormSubmissionStudentAPIOutDTO[]>();
-
-    watchEffect(async () => {
-      // TODO: add loading and error handling.
-      const submissionSummary =
-        await FormSubmissionService.shared.getFormSubmissionSummary();
-      submissions.value = submissionSummary.submissions;
-    });
-
-    const filteredSubmissions = computed(() => {
-      return submissions.value?.filter((submission) =>
-        formCategoryFilter.value.includes(submission.formCategory),
-      );
-    });
-
     const goToSubmission = async (formSubmissionId: number) => {
       await router.push({
-        name: StudentRoutesConst.STUDENT_FORMS_SUBMISSION_VIEW,
+        name: StudentRoutesConst.STUDENT_FORMS_SUBMISSION_VIEW_FROM_HISTORY,
         params: {
           formSubmissionId,
         },
       });
     };
-
     return {
-      FormCategory,
-      formCategoryFilter,
-      submissions,
-      StudentRoutesConst,
-      emptyStringFiller,
-      getISODateHourMinuteString,
-      conditionalEmptyStringFiller,
-      dateOnlyLongString,
-      mapStudentAppealsFormNames,
       goToSubmission,
-      filteredSubmissions,
     };
   },
 });