diff --git a/backend/src/components/institute/institute.js b/backend/src/components/institute/institute.js
index 76c65b3e2..590a9d531 100644
--- a/backend/src/components/institute/institute.js
+++ b/backend/src/components/institute/institute.js
@@ -1,13 +1,15 @@
 'use strict';
-const { logApiError, getData, errorResponse, getBackendToken, validateAccessToken} = require('../utils');
+const { logApiError, getData, errorResponse, getBackendToken, validateAccessToken, getCodeTable} = require('../utils');
 const HttpStatus = require('http-status-codes');
 const cacheService = require('../cache-service');
-const {FILTER_OPERATION, VALUE_TYPE, CONDITION} = require('../../util/constants');
+const {FILTER_OPERATION, VALUE_TYPE, CONDITION, CACHE_KEYS} = require('../../util/constants');
 const config = require('../../config');
 const {LocalDateTime, LocalDate, DateTimeFormatter} = require('@js-joda/core');
 const utils = require('../utils');
 const _ = require('lodash');
 const {isDistrictActive, isSchoolOrAuthorityClosedOrNeverOpened} = require('./instituteUtils');
+const lodash = require("lodash");
+const schoolApiCacheService = require("../school-api-cache-service");
 
 async function getCachedDistricts(req, res) {
   try {
@@ -863,6 +865,49 @@ async function getSchoolByID(req, res) {
   }
 }
 
+async function getStudentRegistrationContacts(req, res) {
+  const token = getBackendToken(req);
+  let contactsList = [];
+  try {
+    const schoolContactURL = `${config.get('server:institute:instituteSchoolURL')}/contact/paginated?pageNumber=0&pageSize=10000&searchCriteriaList=[{"searchCriteriaList":[{"key":"schoolContactTypeCode","operation":"eq","value":"STUDREGIS","valueType":"STRING","condition":"AND"}]}]`;
+    const districtContactURL = `${config.get('server:institute:instituteDistrictURL')}/contact/paginated?pageNumber=0&pageSize=10000&searchCriteriaList=[{"searchCriteriaList":[{"key":"districtContactTypeCode","operation":"eq","value":"STUDREGIS","valueType":"STRING","condition":"AND"}]}]`;
+    Promise.all([
+      getData(token, schoolContactURL),
+      getData(token, districtContactURL),
+    ])
+      .then(async ([schoolContactResponse, districtContactResponse]) => {
+        if (schoolContactResponse && districtContactResponse) {
+          schoolContactResponse.content.forEach((element) => {
+            let school = cacheService.getSchoolBySchoolID(element.schoolId);
+            let schoolRegistrationContact = {};
+            schoolRegistrationContact.name = (element.firstName ? element.firstName + ' ' + element.lastName : element.lastName).trim();
+            schoolRegistrationContact.email = element.email;
+            schoolRegistrationContact.instituteName = school.schoolName;
+            schoolRegistrationContact.instituteIdentifier = school.mincode;
+            schoolRegistrationContact.instituteGUID = school.schoolID;
+            schoolRegistrationContact.instituteType = 'SCHOOL';
+            contactsList.push(schoolRegistrationContact);
+          });
+          districtContactResponse.content.forEach((element) => {
+            let district = cacheService.getDistrictJSONByDistrictId(element.districtId);
+            let schoolRegistrationContact = {};
+            schoolRegistrationContact.name = (element.firstName ? element.firstName + ' ' + element.lastName : element.lastName).trim();
+            schoolRegistrationContact.email = element.email;
+            schoolRegistrationContact.instituteName = district.name;
+            schoolRegistrationContact.instituteGUID = district.districtId;
+            schoolRegistrationContact.instituteIdentifier = district.districtNumber;
+            schoolRegistrationContact.instituteType = 'DISTRICT';
+            contactsList.push(schoolRegistrationContact);
+          });
+          return res.status(200).json(contactsList);
+        }
+      });
+  } catch (e) {
+    logApiError(e, 'getStudentRegistrationContacts', 'Error occurred while attempting to GET student registration contacts.');
+    return errorResponse(res);
+  }
+}
+
 async function updateSchool(req, res) {
   try {
     const token = getBackendToken(req);
@@ -1347,5 +1392,6 @@ module.exports = {
   addDistrictContact,
   deleteDistrictContact,
   getSchoolHistoryPaginated,
-  moveSchool
+  moveSchool,
+  getStudentRegistrationContacts
 };
diff --git a/backend/src/components/school.js b/backend/src/components/school.js
index dbd738936..a21efd908 100644
--- a/backend/src/components/school.js
+++ b/backend/src/components/school.js
@@ -63,32 +63,6 @@ async function updatePenCoordinatorByMincode(req, res) {
 
 }
 
-async function getPenCoordinators(req, res) {
-  const token = getBackendToken(req);
-  try {
-    const url = `${config.get('server:schoolAPIURL')}/schools/pen-coordinator`;
-    const data = await getData(token, url);
-    const coords = lodash.sortBy(data, ['mincode', 'penCoordinatorName']);
-    const filteredCords = coords.filter(coord=> {
-      const school = schoolApiCacheService.getSchoolNameJSONByMincode(coord.mincode);
-      if(!school){
-        return true;
-      }
-      return isSchoolExpired(school);
-    }).map(coord=> {
-      coord.schoolName = schoolApiCacheService.getSchoolNameJSONByMincode(coord.mincode)?.schoolName;
-      if(!coord.schoolName){
-        coord.schoolName = 'District';
-      }
-      return coord;
-    });
-    return res.status(200).json(filteredCords);
-  } catch (e) {
-    logApiError(e, 'getPenCoordinators', 'Error occurred while attempting to GET pen coordinator entities.');
-    return errorResponse(res);
-  }
-}
-
 function isSchoolExpired(school) {
   if(school === null){
     return false;
@@ -102,6 +76,5 @@ function isSchoolExpired(school) {
 module.exports = {
   getSchoolByMincode,
   getPenCoordinatorByMincode,
-  updatePenCoordinatorByMincode,
-  getPenCoordinators,
+  updatePenCoordinatorByMincode
 };
diff --git a/backend/src/routes/institute.js b/backend/src/routes/institute.js
index 8aa97946e..52259cfd0 100644
--- a/backend/src/routes/institute.js
+++ b/backend/src/routes/institute.js
@@ -4,7 +4,8 @@ const router = express.Router();
 const { getDistricts, getSchools, getSchoolsPaginated, getAuthoritiesPaginated,
   getAuthorityByID, getSchoolByID, getDistrictByDistrictID, addNewSchoolNote, updateSchoolNote, deleteSchoolNote, updateSchoolContact, updateAuthority, addAuthorityContact, updateAuthorityContact, deleteAuthorityContact,
   addNewAuthorityNote, updateAuthorityNote, deleteAuthorityNote, updateSchool, addSchool, addSchoolContact, deleteSchoolContact, updateDistrict, updateDistrictContact, deleteDistrictContact, addAuthority,
-  addDistrictContact, addNewDistrictNote, updateDistrictNote, deleteDistrictNote, moveSchool, getSchoolHistoryPaginated
+  addDistrictContact, addNewDistrictNote, updateDistrictNote, deleteDistrictNote, moveSchool, getSchoolHistoryPaginated,
+  getStudentRegistrationContacts
 } = require('../components/institute/institute');
 const utils = require('../components/utils');
 const auth = require('../components/auth');
@@ -18,6 +19,8 @@ router.get('/district/:districtId', passport.authenticate('jwt', {session: false
 
 router.put('/district/:districtId', passport.authenticate('jwt', {session: false}, undefined), auth.isValidDistrictAdmin, extendSession, updateDistrict);
 
+router.get('/studentRegistrationContacts', passport.authenticate('jwt', {session: false}, undefined), auth.isLoggedInUser, extendSession, getStudentRegistrationContacts);
+
 router.put('/district/contact/:contactId', passport.authenticate('jwt', {session: false}, undefined), auth.isValidDistrictAdmin, extendSession, updateDistrictContact);
 
 router.delete('/district/contact/:districtId/:contactId', passport.authenticate('jwt', {session: false}, undefined), auth.isValidDistrictAdmin, extendSession, deleteDistrictContact);
diff --git a/backend/src/routes/schools.js b/backend/src/routes/schools.js
index 1daeb1737..14e38d1ad 100644
--- a/backend/src/routes/schools.js
+++ b/backend/src/routes/schools.js
@@ -1,14 +1,9 @@
 const passport = require('passport');
 const express = require('express');
 const router = express.Router();
-const { getSchoolByMincode, getPenCoordinatorByMincode, getPenCoordinators, updatePenCoordinatorByMincode } = require('../components/school');
+const { getSchoolByMincode, getPenCoordinatorByMincode } = require('../components/school');
 const utils = require('../components/utils');
-const auth = require('../components/auth');
 const extendSession = utils.extendSession();
-const roles = require('../components/roles');
-
-const isValidUiTokenWithEditRoles = auth.isValidUiTokenWithRoles('StaffAdministration & NominalRoll', [roles.Admin.StaffAdministration, roles.Admin.NominalRoll, roles.Admin.EDX]);
-
 /*
  * Get a school entity by mincode
  */
@@ -19,16 +14,6 @@ router.get('/', passport.authenticate('jwt', {session: false}, undefined), exten
  */
 router.get('/:mincode/penCoordinator', passport.authenticate('jwt', {session: false}, undefined), extendSession, getPenCoordinatorByMincode);
 
-/*
- * Update a pen coordinator entity by mincode
- */
-router.put('/:mincode/penCoordinator', passport.authenticate('jwt', {session: false}, undefined), isValidUiTokenWithEditRoles, extendSession, updatePenCoordinatorByMincode);
-
-/*
- * Get all pen coordinator entities
- */
-router.get('/penCoordinators', passport.authenticate('jwt', {session: false}, undefined), extendSession, getPenCoordinators);
-
 router.get('/fedProvSchoolCodes', passport.authenticate('jwt', {session: false}, undefined), extendSession, utils.getCodes('server:schoolAPIURL', 'fedProvSchoolCodes', '/schools/federal-province-codes', false));
 
 module.exports = router;
diff --git a/frontend/src/components/institute/authority/AuthorityContact.vue b/frontend/src/components/institute/authority/AuthorityContact.vue
index f0f5c3972..34ed86237 100644
--- a/frontend/src/components/institute/authority/AuthorityContact.vue
+++ b/frontend/src/components/institute/authority/AuthorityContact.vue
@@ -70,7 +70,7 @@
                 class="pt-1"
               >
                 <p class="missing-highlight"><v-icon
-                  size="x-large"
+                  size="small"
                   color="#ff5252"
                   dark
                 >mdi-alert</v-icon> Missing contact details</p>
diff --git a/frontend/src/components/institute/common/SchoolContact.vue b/frontend/src/components/institute/common/SchoolContact.vue
index bb28de091..34590383f 100644
--- a/frontend/src/components/institute/common/SchoolContact.vue
+++ b/frontend/src/components/institute/common/SchoolContact.vue
@@ -82,7 +82,7 @@
                 class="pt-1"
               >
                 <p class="missing-highlight"><v-icon
-                  size="x-large"
+                  size="small"
                   color="#ff5252"
                   dark
                 >mdi-alert</v-icon> Missing contact details</p>
diff --git a/frontend/src/components/institute/district/DistrictContact.vue b/frontend/src/components/institute/district/DistrictContact.vue
index a9f91bd4b..eea5ff416 100644
--- a/frontend/src/components/institute/district/DistrictContact.vue
+++ b/frontend/src/components/institute/district/DistrictContact.vue
@@ -79,7 +79,7 @@
                 class="pt-1"
               >
                 <p class="missing-highlight"><v-icon
-                  size="x-large"
+                  size="small"
                   color="#ff5252"
                   dark
                 >mdi-alert</v-icon> Missing contact details</p>
diff --git a/frontend/src/components/penreg/coordinator/PenCoordinatorsDisplay.vue b/frontend/src/components/penreg/coordinator/PenCoordinatorsDisplay.vue
deleted file mode 100644
index 37abe9c4a..000000000
--- a/frontend/src/components/penreg/coordinator/PenCoordinatorsDisplay.vue
+++ /dev/null
@@ -1,381 +0,0 @@
-<template>
-  <v-container
-    fluid
-    class="px-0 mb-4"
-  >
-    <v-row
-      no-gutters
-      style="background-color:white;"
-    >
-      <div
-        id="pen-coordinator-list"
-        class="px-3"
-        style="width: 100%"
-        :overlay="false"
-      >
-        <v-form v-model="isValidPenCoordForm">
-          <v-data-table
-            id="dataTable"
-            v-model:page="pageNumber"
-            class="pen-coordinator-table"
-            :headers="headers"
-            :items="searchResult"
-            :search="search"
-            :items-per-page="itemsPerPage"
-            hide-default-footer
-            item-key="penRequestBatchID"
-            :loading="dataLoading"
-            @page-count="pageCount = $event"
-          >
-            <template #top>
-              <v-text-field
-                v-model="search"
-                clearable
-                hide-details="auto"
-                label="Search"
-                class="pa-4"
-              />
-            </template>
-            <template #item="item">
-              <tr
-                @mouseover="enableActions(item.item.raw)"
-                @mouseleave="disableActions()"
-                @click="clickCoordinatorText(item.item.raw)"
-              >
-                <td
-                  v-for="header in headers"
-                  :key="header.id"
-                  @mouseover="enableEdit(header)"
-                  @mouseleave="disableEdit()"
-                >
-                  <v-row
-                    v-if="header.editable && hoveredOveredRowID === item.item.raw.mincode && ((hoveredOveredHeader === header.value && !dataLoading) || hasEdits(header.value))"
-                    no-gutters
-                  >
-                    <v-col cols="9">
-                      <v-text-field
-                        v-model="item.item.raw[header.value]"
-                        variant="outlined"
-                        class="mt-5"
-                        density="compact"
-                        :maxlength="header.maxLength"
-                        :rules="header.rules"
-                        :disabled="dataLoading"
-                      />
-                    </v-col>
-                    <v-col cols="2">
-                      <TertiaryButton
-                        :id="`revert-${header.value}`"
-                        :class-modifier="[{'revert-action': !hasEdits(header.value) || dataLoading}, 'ml-3', 'mt-6']"
-                        short
-                        text="Revert"
-                        @click-action="revertField(header.value)"
-                      />
-                    </v-col>
-                  </v-row>
-                  <div v-else-if="header.value === 'actions'">
-                    <PrimaryButton
-                      v-if="hoveredOveredRowID === item.item.raw.mincode"
-                      id="cancel-action"
-                      class="mr-2"
-                      secondary
-                      short
-                      text="Cancel"
-                      :disabled="!hasAnyEdits() || dataLoading"
-                      @click-action="clickCancel"
-                    />
-                    <PrimaryButton
-                      v-if="hoveredOveredRowID === item.item.raw.mincode"
-                      id="save-action"
-                      short
-                      text="Save"
-                      :disabled="!hasAnyEdits() || !isValidPenCoordForm || dataLoading"
-                      :loading="dataLoading"
-                      @click-action="clickSave"
-                    />
-                  </div>
-                  <span v-else>{{ item.item.raw[header.value] }}</span>
-                </td>
-              </tr>
-            </template>
-          </v-data-table>
-        </v-form>
-      </div>
-    </v-row>
-    <ConfirmationDialog ref="confirmationDialog">
-      <template #message>
-        <v-col class="mt-n6">
-          <v-row class="mt-n2 mb-0">
-            You have unsaved changes. Do you wish to proceed and cancel changes?
-          </v-row>
-        </v-col>
-      </template>
-    </ConfirmationDialog>
-  </v-container>
-</template>
-
-<script>
-import {Routes} from '@/utils/constants';
-import {mapState} from 'pinia';
-import PrimaryButton from '../../util/PrimaryButton.vue';
-import TertiaryButton from '../../util/TertiaryButton.vue';
-import ConfirmationDialog from '../../util/ConfirmationDialog.vue';
-import ApiService from '../../../common/apiService';
-import alertMixin from '@/mixins/alertMixin';
-import {
-  isValidEmail,
-} from '@/utils/validation';
-import {deepCloneObject} from '@/utils/common';
-import {authStore} from '@/store/modules/auth';
-import {appStore} from '@/store/modules/app';
-import _ from 'lodash';
-
-export default {
-  name: 'PenCoordinatorsDisplay',
-  components: {
-    PrimaryButton,
-    TertiaryButton,
-    ConfirmationDialog
-  },
-  mixins: [alertMixin],
-  data() {
-    return {
-      search: null,
-      pageNumber: 1,
-      pageCount: 0,
-      itemsPerPage: 10,
-      headers: [
-        {title: 'Mincode', value: 'mincode', sortable: false, align: 'start', tooltip: 'Mincode', key: 'mincode'},
-        {title: 'School', value: 'schoolName', sortable: false, tooltip: 'School Name', key: 'schoolName'},
-        {
-          title: 'PEN Contact Name',
-          value: 'penCoordinatorName',
-          sortable: false,
-          tooltip: 'PEN Contact Name',
-          key: 'penCoordinatorName',
-          editable: true,
-          maxLength: '40',
-          rules: [v => v?.trim().length >= 1 || 'Required']
-        },
-        {
-          title: 'Email',
-          value: 'penCoordinatorEmail',
-          sortable: false,
-          tooltip: 'Eamil',
-          editable: true,
-          key: 'penCoordinatorEmail',
-          maxLength: '100',
-          rules: [v => isValidEmail(v) || 'Valid Email Required']
-        },
-        {value: 'actions', sortable: false},
-      ],
-      isValidPenCoordForm: false,
-      penCoordinators: [],
-      searchResult: [],
-      hoveredOveredRowID: null,
-      hoveredOveredRow: null,
-      hoveredOveredHeader: null,
-      originalPenCoordinators: [],
-      dataLoading: false,
-    };
-  },
-  computed: {
-    ...mapState(appStore, ['schoolApiMincodeSchoolNames']),
-    ...mapState(authStore, ['EDIT_PEN_COORDINATOR_INFO_ROLE']),
-    schools() {
-      return _.sortedUniq([...this.schoolApiMincodeSchoolNames.values()].sort());
-    },
-    penCoordinatorPage() {
-      return {
-        totalPages: this.pageCount,
-        totalElements: this.searchResult.length,
-        numberOfElements: this.pageNumber < this.pageCount ? this.itemsPerPage : this.searchResult.length - (this.pageNumber - 1) * this.itemsPerPage,
-        pageable: {
-          pageSize: this.itemsPerPage
-        }
-      };
-    },
-    originalPenCoordinator() {
-      return this.originalPenCoordinators.find(coord => coord.mincode === this.hoveredOveredRowID);
-    }
-  },
-  created() {
-    appStore().getCodes();
-  },
-  mounted() {
-    this.loadPenCoords();
-  },
-  beforeRouteLeave(to, from, next) {
-    this.openConfirmation(() => next(), () => next(false));
-  },
-  methods: {
-    loadPenCoords() {
-      this.dataLoading = true;
-      ApiService.apiAxios
-        .get(`${Routes.SCHOOL_DATA_URL}/penCoordinators`)
-        .then(response => {
-          if (response.data) {
-            this.penCoordinators = response.data;
-            this.searchResult = _.filter(this.penCoordinators, this.validSearchParams);
-            this.setCurrentItems(this.searchResult);
-          }
-        })
-        .catch(error => {
-          console.log(error);
-          this.setFailureAlert('An error occurred while loading the PEN contact data. Please try again later.');
-        })
-        .finally(() => (this.dataLoading = false));
-    },
-    enableActions(item) {
-      if (!this.hasAnyEdits() && !this.dataLoading && this.EDIT_PEN_COORDINATOR_INFO_ROLE) {
-        this.hoveredOveredRowID = item.mincode;
-        this.hoveredOveredRow = item;
-      }
-    },
-    disableActions() {
-      if (!this.hasAnyEdits() && !this.dataLoading) {
-        this.resetHoveredOveredRow();
-      }
-    },
-    resetHoveredOveredRow() {
-      this.hoveredOveredRowID = null;
-      this.hoveredOveredRow = null;
-    },
-    openConfirmation(cancel, save) {
-      if (this.hasAnyEdits() && !this.dataLoading) {
-        this.$refs.confirmationDialog.open(null, null, {
-          color: '#fff',
-          width: 480,
-          closeIcon: true,
-          dark: false,
-          resolveText: 'Save Changes',
-          resolveDisabled: !this.isValidPenCoordForm
-        }).then((result) => {
-          if (result) {
-            this.clickSave();
-            save && save();
-          } else {
-            this.clickCancel();
-            cancel && cancel();
-          }
-        });
-      } else {
-        cancel && cancel();
-      }
-    },
-    clickCoordinatorText(item) {
-      if (this.hasAnyEdits() && this.hoveredOveredRowID != item.mincode && !this.dataLoading) {
-        this.openConfirmation();
-      }
-    },
-    enableEdit(header) {
-      this.hoveredOveredHeader = header.value;
-    },
-    disableEdit() {
-      this.hoveredOveredHeader = null;
-    },
-    hasEdits(key) {
-      let current = this.hoveredOveredRow?.[key] || '';
-      let original = this.originalPenCoordinator?.[key] || '';
-      return this.hoveredOveredRow && this.originalPenCoordinator && (current !== original);
-    },
-    hasAnyEdits() {
-      return this.hoveredOveredRow && this.originalPenCoordinator && (JSON.stringify(this.hoveredOveredRow) !== JSON.stringify(this.originalPenCoordinator));
-    },
-    revertField(key) {
-      this.hoveredOveredRow[key] = this.originalPenCoordinator[key];
-    },
-    clickCancel() {
-      Object.assign(this.hoveredOveredRow, this.originalPenCoordinator);
-    },
-    clickSave() {
-      this.dataLoading = true;
-      ApiService.apiAxios
-        .put(`${Routes.SCHOOL_DATA_URL}/${this.hoveredOveredRow.mincode}/penCoordinator`, this.hoveredOveredRow)
-        .then(() => {
-          this.resetHoveredOveredRow();
-          this.loadPenCoords();
-          this.setSuccessAlert('Success! The PEN contact data has been updated.');
-        })
-        .catch(error => {
-          this.setFailureAlert('An error occurred while updating the PEN contact data. Please try again later.');
-          console.error(error);
-          this.dataLoading = false;
-        });
-    },
-    setCurrentItems(items) {
-      this.originalPenCoordinators = deepCloneObject(items);
-    },
-    updatePenCoordInList(updated, list) {
-      let record = list.find(coord => coord.mincode === updated.mincode);
-      record && Object.assign(record, updated);
-    },
-    changePage(newPageNumber) {
-      this.openConfirmation(() => {
-        this.pageNumber = newPageNumber;
-      });
-    },
-  }
-};
-</script>
-
-<style scoped>
-.v-select-list /deep/ .v-list-item__mask {
-    color: rgb(0, 0, 0);
-    font-weight: bold;
-    background: rgba(238, 238, 238, 0.02);
-}
-
-:deep(.v-data-table-header__content) {
-    font-size: 0.875rem;
-    font-weight: bold;
-}
-
-#dataTable.pen-coordinator-table /deep/ table td {
-    border-bottom: none !important;
-}
-
-#dataTable.pen-coordinator-table /deep/ table {
-    border-top: thin solid #d7d7d7;
-    border-bottom: thin solid #d7d7d7;
-}
-
-#dataTable.pen-coordinator-table /deep/ table tbody tr:hover {
-    background-color: #E1F5FE;
-}
-
-#dataTable.pen-coordinator-table /deep/ .v-text-field__details {
-    min-height: 0;
-    margin-bottom: 0;
-}
-
-#dataTable.pen-coordinator-table /deep/ .v-messages {
-    min-height: 0;
-}
-
-.pen-coordinator-table /deep/ tr td:nth-child(1) {
-    width: 10%;
-}
-
-.pen-coordinator-table /deep/ tr td:nth-child(2),
-.pen-coordinator-table /deep/ tr td:nth-child(3) {
-    width: 22%;
-}
-
-.pen-coordinator-table /deep/ tr td:nth-child(4) {
-    width: 31%;
-}
-
-.pen-coordinator-table /deep/ tr td:nth-child(5) {
-    width: 15%;
-}
-
-:deep(.v-data-table-footer__items-per-page) {
-    display: none;
-}
-
-.revert-action {
-    visibility: hidden;
-}
-
-</style>
diff --git a/frontend/src/components/penreg/student-registration/StudentRegistrationContactsDisplay.vue b/frontend/src/components/penreg/student-registration/StudentRegistrationContactsDisplay.vue
new file mode 100644
index 000000000..70500121c
--- /dev/null
+++ b/frontend/src/components/penreg/student-registration/StudentRegistrationContactsDisplay.vue
@@ -0,0 +1,128 @@
+<template>
+  <v-container
+    fluid
+    class="px-0 mb-4"
+  >
+    <v-row
+      no-gutters
+      style="background-color:white;"
+    >
+      <v-col>
+        <v-data-table
+          id="dataTable"
+          v-model:page="pageNumber"
+          v-model:items="studentRegistrationContacts"
+          v-model:items-per-page="itemsPerPage"
+          :headers="headers"
+          :search="search"
+          :loading="dataLoading"
+          @click:row="openSchoolDetails"
+        >
+          <template #top>
+            <v-text-field
+              v-model="search"
+              clearable
+              hide-details="auto"
+              label="Search"
+              class="pa-4"
+            />
+          </template>
+        </v-data-table>
+      </v-col>
+    </v-row>
+    <ConfirmationDialog ref="confirmationDialog">
+      <template #message>
+        <v-col class="mt-n6">
+          <v-row class="mt-n2 mb-0">
+            You have unsaved changes. Do you wish to proceed and cancel changes?
+          </v-row>
+        </v-col>
+      </template>
+    </ConfirmationDialog>
+  </v-container>
+</template>
+
+<script>
+import {Routes} from '@/utils/constants';
+import ConfirmationDialog from '../../util/ConfirmationDialog.vue';
+import ApiService from '../../../common/apiService';
+import alertMixin from '@/mixins/alertMixin';
+import {appStore} from '@/store/modules/app';
+
+export default {
+  name: 'StudentRegistrationContactsDisplay',
+  components: {
+    ConfirmationDialog
+  },
+  mixins: [alertMixin],
+  data() {
+    return {
+      search: null,
+      pageNumber: 1,
+      pageCount: 0,
+      itemsPerPage: 10,
+      headers: [
+        {title: 'Institute Identifier', value: 'instituteIdentifier', align: 'start', tooltip: 'Institute Identifier', key: 'instituteIdentifier'},
+        {title: 'Institute Name', value: 'instituteName', tooltip: 'Institute Name', key: 'instituteName'},
+        {
+          title: 'Contact Name',
+          value: 'name',
+          tooltip: 'Name',
+          key: 'name'
+        },
+        {
+          title: 'Email',
+          value: 'email',
+          tooltip: 'Email',
+          key: 'email'
+        }
+      ],
+      studentRegistrationContacts: [],
+      hoveredOveredRowID: null,
+      hoveredOveredRow: null,
+      hoveredOveredHeader: null,
+      dataLoading: false,
+    };
+  },
+  created() {
+    appStore().getCodes();
+  },
+  mounted() {
+    this.loadPenCoords();
+  },
+  methods: {
+    loadPenCoords() {
+      this.dataLoading = true;
+      ApiService.apiAxios
+        .get(`${Routes.institute.STUDENT_REGISTRATION_CONTACTS}`)
+        .then(response => {
+          if (response.data) {
+            this.studentRegistrationContacts = response.data;
+          }
+        })
+        .catch(error => {
+          console.log(error);
+          this.setFailureAlert('An error occurred while loading the PEN contact data. Please try again later.');
+        })
+        .finally(() => (this.dataLoading = false));
+    },
+    openSchoolDetails(schoolContact, school){
+      let curSchool = school.item.raw;
+      let route;
+      if(curSchool.instituteType === 'SCHOOL'){
+        route = this.$router.resolve({name: 'schoolDetails', params: {schoolID: curSchool.instituteGUID}});
+      }else{
+        route = this.$router.resolve({name: 'districtDetails', params: {districtID: curSchool.instituteGUID}});
+      }
+      window.open(route.href, '_blank');
+    },
+  }
+};
+</script>
+
+<style scoped>
+:deep(.v-data-table-header__content){
+  font-weight: bold;
+}
+
+</style>
diff --git a/frontend/src/components/util/NavBar.vue b/frontend/src/components/util/NavBar.vue
index 778351123..f7e4a6fae 100644
--- a/frontend/src/components/util/NavBar.vue
+++ b/frontend/src/components/util/NavBar.vue
@@ -216,7 +216,7 @@ export default {
         },
         {
           title: PAGE_TITLES.PEN_COORDINATORS,
-          link: 'penCoordinators',
+          link: 'studentRegistrationContacts',
           newTab: true,
           authorized: this.VIEW_PEN_COORDINATOR_INFO_ROLE
         },
diff --git a/frontend/src/router.js b/frontend/src/router.js
index c8c0b5384..84ddfe0e6 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -27,7 +27,7 @@ import RouterView from '@/components/RouterView.vue';
 import BackendSessionExpired from '@/components/BackendSessionExpired.vue';
 import UnAuthorizedPage from '@/components/UnAuthorizedPage.vue';
 import CompareStudents from '@/components/CompareStudents.vue';
-import PenCoordinatorsDisplay from '@/components/penreg/coordinator/PenCoordinatorsDisplay.vue';
+import StudentRegistrationContactsDisplay from '@/components/penreg/student-registration/StudentRegistrationContactsDisplay.vue';
 import MacrosDisplay from '@/components/admin/MacrosDisplay.vue';
 import NominalRoll from '@/components/nominal-roll/NominalRoll.vue';
 import NomRollStudentListDisplay from '@/components/nominal-roll/NomRollStudentListDisplay.vue';
@@ -261,9 +261,9 @@ const router = createRouter({
       },
     },
     {
-      path: '/penCoordinators',
-      name: 'penCoordinators',
-      component: PenCoordinatorsDisplay,
+      path: '/studentRegistrationContacts',
+      name: 'studentRegistrationContacts',
+      component: StudentRegistrationContactsDisplay,
       meta: {
         pageTitle: PAGE_TITLES.PEN_COORDINATORS,
         requiresAuth: true,
diff --git a/frontend/src/utils/constants.js b/frontend/src/utils/constants.js
index 4d2650968..bfa3b2b54 100644
--- a/frontend/src/utils/constants.js
+++ b/frontend/src/utils/constants.js
@@ -97,6 +97,7 @@ let object = {
   institute: {
     ROOT_ENDPOINT: instituteRoot,
     SCHOOL_DATA_URL: instituteRoot + '/school',
+    STUDENT_REGISTRATION_CONTACTS: instituteRoot + '/studentRegistrationContacts',
     SCHOOL_NOTE_URL: instituteRoot + '/school/note',
     SCHOOL_CONTACT_URL: instituteRoot + '/school/contact',
     SCHOOL_PAGINATED_DATA_URL: instituteRoot + '/schoolsPaginated',
@@ -424,7 +425,7 @@ export const PAGE_TITLES = Object.freeze(
     PEN_REQ_BATCH_STUDENT_DETAILS: 'PEN Request Details',
     CREATE_NEW_PEN: 'Create New PEN',
     ARCHIVED_REQ_FILES: 'Archived PEN Request Files',
-    PEN_COORDINATORS: 'PEN Contacts',
+    PEN_COORDINATORS: 'Student Registration Contacts',
     NEW_PENS: 'New PENs',
     MACRO_MANAGEMENT: 'Macro Management',
     NOMINAL_ROLL: 'Nominal Roll',