diff --git a/ppr-ui/package-lock.json b/ppr-ui/package-lock.json
index 7aaf1f24f..972e4a6f2 100644
--- a/ppr-ui/package-lock.json
+++ b/ppr-ui/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ppr-ui",
-  "version": "3.2.27",
+  "version": "3.2.28",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ppr-ui",
-      "version": "3.2.27",
+      "version": "3.2.28",
       "dependencies": {
         "@bcrs-shared-components/input-field-date-picker": "^1.0.0",
         "@lemoncode/fonk": "^1.5.1",
@@ -26,6 +26,7 @@
         "@vuelidate/validators": "^2.0.4",
         "@vuepic/vue-datepicker": "^7.2.2",
         "axios": "^1.6.2",
+        "axios-mock-adapter": "^1.22.0",
         "flush-promises": "^1.0.2",
         "http-status-codes": "^2.1.4",
         "material-design-icons": "^3.0.1",
@@ -3516,6 +3517,18 @@
         "proxy-from-env": "^1.1.0"
       }
     },
+    "node_modules/axios-mock-adapter": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/axios-mock-adapter/-/axios-mock-adapter-1.22.0.tgz",
+      "integrity": "sha512-dmI0KbkyAhntUR05YY96qg2H6gg0XMl2+qTW0xmYg6Up+BFBAJYRLROMXRdDEL06/Wqwa0TJThAYvFtSFdRCZw==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "is-buffer": "^2.0.5"
+      },
+      "peerDependencies": {
+        "axios": ">= 0.17.0"
+      }
+    },
     "node_modules/babel-merge": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz",
@@ -6044,6 +6057,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -11976,6 +12011,15 @@
         "proxy-from-env": "^1.1.0"
       }
     },
+    "axios-mock-adapter": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/axios-mock-adapter/-/axios-mock-adapter-1.22.0.tgz",
+      "integrity": "sha512-dmI0KbkyAhntUR05YY96qg2H6gg0XMl2+qTW0xmYg6Up+BFBAJYRLROMXRdDEL06/Wqwa0TJThAYvFtSFdRCZw==",
+      "requires": {
+        "fast-deep-equal": "^3.1.3",
+        "is-buffer": "^2.0.5"
+      }
+    },
     "babel-merge": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz",
@@ -13713,6 +13757,11 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ=="
+    },
     "is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
diff --git a/ppr-ui/package.json b/ppr-ui/package.json
index 62f126cea..e9a0a21f5 100644
--- a/ppr-ui/package.json
+++ b/ppr-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ppr-ui",
-  "version": "3.2.27",
+  "version": "3.2.28",
   "private": true,
   "appName": "Assets UI",
   "sbcName": "SBC Common Components",
@@ -32,6 +32,7 @@
     "@vuelidate/validators": "^2.0.4",
     "@vuepic/vue-datepicker": "^7.2.2",
     "axios": "^1.6.2",
+    "axios-mock-adapter": "^1.22.0",
     "flush-promises": "^1.0.2",
     "http-status-codes": "^2.1.4",
     "material-design-icons": "^3.0.1",
diff --git a/ppr-ui/src/components/common/Breadcrumb.vue b/ppr-ui/src/components/common/Breadcrumb.vue
index 16754be81..64ffbc552 100644
--- a/ppr-ui/src/components/common/Breadcrumb.vue
+++ b/ppr-ui/src/components/common/Breadcrumb.vue
@@ -168,7 +168,7 @@ export default defineComponent({
           amendBreadcrumb[2].text =
             `Base Registration ${getRegistrationNumber.value} - Amendment` || amendBreadcrumb[2].text
           return amendBreadcrumb
-        } else if (name === RouteNames.MHR_INFORMATION) {
+        } else if ([RouteNames.MHR_INFORMATION, RouteNames.MHR_HISTORY].includes(name as RouteNames)) {
           const mhrInfoBreadcrumb = [...tombstoneBreadcrumbMhrInformation]
           mhrInfoBreadcrumb[2].text = `MHR Number ${getMhrInformation.value.mhrNumber}`
           return mhrInfoBreadcrumb
diff --git a/ppr-ui/src/components/common/RegistrationsWrapper.vue b/ppr-ui/src/components/common/RegistrationsWrapper.vue
index aae10a278..e5be6acf4 100644
--- a/ppr-ui/src/components/common/RegistrationsWrapper.vue
+++ b/ppr-ui/src/components/common/RegistrationsWrapper.vue
@@ -752,6 +752,9 @@ export default defineComponent({
           }
           openMhr(mhrInfo)
           break
+        case TableActions.OPEN_MHR_HISTORY:
+          openMhr(mhrInfo, true)
+          break
         case TableActions.OPEN_DRAFT_CORRECTION:
           if (mhrInfo.outOfDate) {
             // Handle stale drafts before opening the MHR when flagged as outOfDate
@@ -820,9 +823,12 @@ export default defineComponent({
       await startNewRegistration(MhrRegistrationType, mhrInfo.draftNumber)
     }
 
-    const openMhr = async (mhrSummary: MhRegistrationSummaryIF): Promise<void> => {
+    const openMhr = async (mhrSummary: MhRegistrationSummaryIF, isHistory = false): Promise<void> => {
       setMhrInformation(mhrSummary)
-      await router.replace({ name: RouteNames.MHR_INFORMATION })
+
+      // Change the route for history
+      if (isHistory) await router.replace({ name: RouteNames.MHR_HISTORY })
+      else await router.replace({ name: RouteNames.MHR_INFORMATION })
     }
 
     const openDraftMhrCorrection = async (draftMhrCorrection) => {
diff --git a/ppr-ui/src/components/tables/common/TableRow.vue b/ppr-ui/src/components/tables/common/TableRow.vue
index b9bbfde66..50ea3a8d8 100644
--- a/ppr-ui/src/components/tables/common/TableRow.vue
+++ b/ppr-ui/src/components/tables/common/TableRow.vue
@@ -567,6 +567,17 @@
                   <span class="ml-1">Non-Residential Exemption</span>
                 </v-list-item-subtitle>
               </v-list-item>
+              <v-list-item
+                v-if="isRoleStaffReg"
+                @click="openMhrHistory(item)"
+              >
+                <v-list-item-subtitle>
+                  <v-icon size="small">
+                    mdi-clock
+                  </v-icon>
+                  <span class="ml-1">Historical Home Information</span>
+                </v-list-item-subtitle>
+              </v-list-item>
               <v-list-item
                 data-test-id="remove-mhr-row-btn"
                 @click="handleAction(item, TableActions.REMOVE)"
@@ -905,6 +916,13 @@ export default defineComponent({
       })
     }
 
+    const openMhrHistory = (item) => {
+      emit('action', {
+        action: TableActions.OPEN_MHR_HISTORY,
+        mhrInfo: item
+      })
+    }
+
     const isMhrTransfer = (item: any): boolean => {
       const formattedTransferTypes = [
         UITransferTypes.SALE_OR_GIFT,
@@ -1127,6 +1145,7 @@ export default defineComponent({
     }, { deep: true, immediate: true })
 
     return {
+      openMhrHistory,
       hasRequiredTransfer,
       multipleWordsToTitleCase,
       freezeScrolling,
@@ -1184,7 +1203,6 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
-
 .registration-row {
   // $blueSelected 0.5 opacity colour at full opacity (needed for .actions-cell overlay)
   background-color: #f2f6fb;
@@ -1199,6 +1217,9 @@ export default defineComponent({
     border-bottom: thin solid rgba(0, 0, 0, .12)
   }
 }
+img {
+  margin-bottom: -2px;
+}
 
 .base-registration-row {
   background-color: white;
diff --git a/ppr-ui/src/enums/routeNames.ts b/ppr-ui/src/enums/routeNames.ts
index 1869cdac0..d827b209c 100644
--- a/ppr-ui/src/enums/routeNames.ts
+++ b/ppr-ui/src/enums/routeNames.ts
@@ -28,6 +28,7 @@ export enum RouteNames {
   YOUR_HOME = 'your-home',
   MHR_INFORMATION = 'mhr-information',
   MHR_INFORMATION_NOTE = 'mhr-information-note',
+  MHR_HISTORY = 'mhr-history',
   RESIDENTIAL_EXEMPTION = 'residential-exemption',
   NON_RESIDENTIAL_EXEMPTION = 'non-residential-exemption',
   EXEMPTION_DETAILS = 'exemption-details',
diff --git a/ppr-ui/src/enums/tableActions.ts b/ppr-ui/src/enums/tableActions.ts
index fd66724a8..af0c4b0f3 100644
--- a/ppr-ui/src/enums/tableActions.ts
+++ b/ppr-ui/src/enums/tableActions.ts
@@ -10,5 +10,6 @@ export enum TableActions {
   OPEN_MHR = 'openMhr',
   EDIT_NEW_MHR = 'editMhr',
   OPEN_DRAFT_CORRECTION = 'openDraftCorrection',
-  OPEN_DRAFT_RE_REGISTRATION = 'openDraftReRegistration'
+  OPEN_DRAFT_RE_REGISTRATION = 'openDraftReRegistration',
+  OPEN_MHR_HISTORY = 'openMhrHistory'
 }
diff --git a/ppr-ui/src/interfaces/index.ts b/ppr-ui/src/interfaces/index.ts
index 7d7d80c22..a20683e95 100644
--- a/ppr-ui/src/interfaces/index.ts
+++ b/ppr-ui/src/interfaces/index.ts
@@ -28,6 +28,7 @@ export * from './exemption-interfaces'
 export * from './base-data-union-interface'
 export * from './updated-badge-interface'
 export * from './admin-registration-interfaces'
+export * from './mhr-api-interfaces'
 
 /** A filing's business object from the API. */
 export interface StaffPaymentIF {
diff --git a/ppr-ui/src/interfaces/mhr-api-interfaces/MhrHistoryIF.ts b/ppr-ui/src/interfaces/mhr-api-interfaces/MhrHistoryIF.ts
new file mode 100644
index 000000000..26b38fc6b
--- /dev/null
+++ b/ppr-ui/src/interfaces/mhr-api-interfaces/MhrHistoryIF.ts
@@ -0,0 +1,105 @@
+interface Description {
+  baseInformation?: {
+    circa?: boolean
+    make?: string
+    model?: string
+    year?: number
+  }
+  createDateTime?: string
+  csaNumber?: string
+  csaStandard?: string
+  documentId?: string
+  documentRegistrationNumber?: string
+  manufacturer?: string
+  otherRemarks?: string
+  rebuiltRemarks?: string
+  registrationDescription?: string
+  sectionCount?: number
+  sections?: Section[]
+  status?: string
+}
+
+interface Section {
+  lengthFeet?: number
+  lengthInches?: number
+  serialNumber?: string
+  widthFeet?: number
+  widthInches?: number
+}
+
+interface Address {
+  city?: string
+  country?: string
+  postalCode?: string
+  region?: string
+  street?: string
+}
+
+interface Location {
+  address?: Address
+  additionalDescription?: string
+  createDateTime?: string
+  documentId?: string
+  documentRegistrationNumber?: string
+  endDateTime?: string
+  endRegistrationDescription?: string
+  leaveProvince?: boolean
+  legalDescription?: string
+  locationId?: number
+  locationType?: string
+  pidNumber?: string
+  registrationDescription?: string
+  status?: string
+  taxCertificate?: boolean
+}
+
+interface IndividualName {
+  first?: string
+  last?: string
+  middle?: string
+}
+
+interface Owner {
+  address?: Address
+  createDateTime?: string
+  documentId?: string
+  documentRegistrationNumber?: string
+  endDateTime?: string
+  endRegistrationDescription?: string
+  groupCount?: number
+  groupId?: number
+  groupOwnerCount?: number
+  groupTenancyType?: string
+  individualName?: IndividualName
+  interest?: string
+  interestDenominator?: number
+  interestNumerator?: number
+  ownerId?: number
+  partyType?: string
+  phoneNumber?: string
+  registrationDescription?: string
+  status?: string
+  type?: string
+}
+
+interface Registration {
+  affirmByName?: string
+  attentionReference?: string
+  consideration?: string
+  createDateTime?: string
+  declaredValue?: number
+  documentId?: string
+  documentRegistrationNumber?: string
+  ownLand?: boolean
+  registrationDescription?: string
+  transferDate?: string
+}
+
+export interface MhrHistoryRoIF {
+  descriptions?: Description[]
+  locations?: Location[]
+  mhrNumber: string
+  owners?: Owner[]
+  registrations?: Registration[]
+  statusType: string
+}
diff --git a/ppr-ui/src/interfaces/mhr-api-interfaces/index.ts b/ppr-ui/src/interfaces/mhr-api-interfaces/index.ts
new file mode 100644
index 000000000..afad3cec9
--- /dev/null
+++ b/ppr-ui/src/interfaces/mhr-api-interfaces/index.ts
@@ -0,0 +1 @@
+export * from './MhrHistoryIF'
diff --git a/ppr-ui/src/router/routes.ts b/ppr-ui/src/router/routes.ts
index b3d4ae0e4..45c0a6b36 100644
--- a/ppr-ui/src/router/routes.ts
+++ b/ppr-ui/src/router/routes.ts
@@ -9,6 +9,7 @@ import {
   MHRSearch,
   MhrRegistration,
   MhrInformation,
+  MhrHistory,
   ConfirmMHRSearch,
   ReviewConfirm,
   RenewRegistration,
@@ -242,6 +243,14 @@ export const routes: any = [
       requiresAuth: true,
     },
   },
+  {
+    path: '/mhr-history',
+    name: RouteNames.MHR_HISTORY,
+    component: MhrHistory,
+    meta: {
+      requiresAuth: true,
+    },
+  },
   {
     path: '/user-access/qs-access-type',
     name: RouteNames.QS_ACCESS_TYPE,
diff --git a/ppr-ui/src/utils/feature-flags.ts b/ppr-ui/src/utils/feature-flags.ts
index 9eb27df37..d67f42f19 100644
--- a/ppr-ui/src/utils/feature-flags.ts
+++ b/ppr-ui/src/utils/feature-flags.ts
@@ -21,6 +21,7 @@ export const defaultFlagSet: LDFlagSet = {
   'mhr-amend-transport-permit-enabled': false,
   'mhr-cancel-transport-permit-enabled': false,
   'mhr-user-access-enabled': false,
+  'mhr-history-enabled': false,
   'sentry-enable': false, // by default, no sentry logs
   'banner-text': '' // by default, there is no banner text
 }
diff --git a/ppr-ui/src/utils/mhr-api-helper.ts b/ppr-ui/src/utils/mhr-api-helper.ts
index 3bfb272a0..2bb37d59b 100644
--- a/ppr-ui/src/utils/mhr-api-helper.ts
+++ b/ppr-ui/src/utils/mhr-api-helper.ts
@@ -15,14 +15,14 @@ import {
   RegistrationSortIF,
   SearchResponseIF,
   StaffPaymentIF,
-  AdminRegistrationIF
+  AdminRegistrationIF,
+  MhrHistoryRoIF
 } from '@/interfaces'
 import { APIMhrTypes, ErrorCategories, ErrorCodes, ErrorRootCauses, StaffPaymentOptions } from '@/enums'
 import { useSearch } from '@/composables/useSearch'
 import { SessionStorageKeys } from 'sbc-common-components/src/util/constants'
 import { addTimestampToDate } from '@/utils'
 import { trim } from 'lodash'
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type { AxiosError } from 'axios'
 
 const { mapMhrSearchType } = useSearch()
@@ -969,3 +969,33 @@ export async function createExemption (
     }
   }
 }
+
+/**
+ * Fetches the MHR (Manufactured Home Registry) history for a given MHR number.
+ *
+ * @param {string} mhrNumber - The MHR number to fetch history for.
+ * @returns {Promise<MhrHistoryRoIF>} - A promise that resolves to the MHR history data.
+ *
+ * @throws Will throw an error if the API response is invalid or if any non-404 errors occur.
+ *         In case of a 404 error, logs the error and returns null.
+ */
+export async function getMhrHistory (mhrNumber: string): Promise<MhrHistoryRoIF> {
+  try {
+    const response = await axios.get<MhrHistoryRoIF>(`registrations/history/${mhrNumber}`, getDefaultConfig())
+    const data: MhrHistoryRoIF = response?.data
+    if (!data) {
+      throw new Error('Invalid API response')
+    }
+    return data
+  } catch (error: AxiosError | any) {
+    if (error.response && error.response.status === 404) {
+      console.error('Resource not found:', error.message)
+      // Handle 404 gracefully, returning null
+      return null
+    } else {
+      // Handle other errors differently if needed
+      console.error('API Error:', error.message)
+      throw error
+    }
+  }
+}
diff --git a/ppr-ui/src/views/mhrInformation/MhrHistory.vue b/ppr-ui/src/views/mhrInformation/MhrHistory.vue
new file mode 100644
index 000000000..40b37be73
--- /dev/null
+++ b/ppr-ui/src/views/mhrInformation/MhrHistory.vue
@@ -0,0 +1,113 @@
+<template>
+  <v-container
+    v-if="dataLoaded"
+    class="px-0 footer-view-container"
+    fluid
+  >
+    <!-- Loading Overlay -->
+    <v-overlay
+      v-model="loading"
+      class="overlay-container"
+    >
+      <v-progress-circular
+        color="primary"
+        size="30"
+        indeterminate
+      />
+    </v-overlay>
+
+    <!-- View Content -->
+    <div class="container pa-0 pt-4">
+      <v-row
+        id="registration-header"
+        noGutters
+        class="pt-3 pb-3 soft-corners-top"
+      >
+        <v-col>
+          <h1>Historical Manufactured Home Information</h1>
+          <p class="mt-7">
+            This is the current information for this registration as of
+            <span class="font-weight-bold">{{ pacificDate(new Date()) }}</span>.
+          </p>
+        </v-col>
+      </v-row>
+    </div>
+
+    <!-- Footer -->
+    <v-footer class="bg-white pt-4 pb-11">
+      <v-container>
+        <v-row noGutters>
+          <v-col cols="12">
+            <v-btn
+              id="reg-back-btn"
+              variant="outlined"
+              color="primary"
+              class="pr-5 float-right"
+              @click="goToDash"
+            >
+              <v-icon
+                color="primary"
+                class="pt-1"
+              >
+                mdi-chevron-left
+              </v-icon> Back
+            </v-btn>
+          </v-col>
+        </v-row>
+      </v-container>
+    </v-footer>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+import { getMhrHistory, pacificDate } from '@/utils'
+import { useAuth, useNavigation } from '@/composables'
+import { getFeatureFlag } from '@/utils'
+import { storeToRefs } from 'pinia'
+import { useStore } from '@/store/store'
+
+/** Composables **/
+const { isAuthenticated } = useAuth()
+const { goToDash } = useNavigation()
+const { getMhrInformation } = storeToRefs(useStore())
+
+/** Props **/
+const props = withDefaults(defineProps<{
+  appReady?: boolean
+}>(), {
+  appReady: false
+})
+
+/** Local Properties **/
+const dataLoaded = ref(true)
+const loading = ref(false)
+const mhrHistory = ref({})
+
+
+onMounted(async (): Promise<void> => {
+  // do not proceed if app is not ready
+  // redirect if not authenticated (safety check - should never happen) or if app is not open to user (ff)
+  if (!props.appReady || !isAuthenticated.value || !getFeatureFlag('mhr-history-enabled')) {
+    await goToDash()
+    return
+  }
+
+  // Fetch Manufactured Home History
+  loading.value = true
+  mhrHistory.value = await getMhrHistory(getMhrInformation.value?.mhrNumber)
+  loading.value = false
+})
+
+</script>
+<style lang="scss" scoped>
+@import '@/assets/styles/theme';
+.v-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 140px;
+  background-color: #333;
+}
+</style>
diff --git a/ppr-ui/src/views/mhrInformation/index.ts b/ppr-ui/src/views/mhrInformation/index.ts
index fd2bd4fc1..1e9802634 100644
--- a/ppr-ui/src/views/mhrInformation/index.ts
+++ b/ppr-ui/src/views/mhrInformation/index.ts
@@ -1,3 +1,4 @@
 export { default as MhrInformation } from './MhrInformation.vue'
 export { default as MhrUnitNote } from './MhrUnitNote.vue'
 export { default as MhrTransportPermit } from './MhrTransportPermit.vue'
+export { default as MhrHistory } from './MhrHistory.vue'
diff --git a/ppr-ui/tests/unit/MhrHistory.spec.ts b/ppr-ui/tests/unit/MhrHistory.spec.ts
new file mode 100644
index 000000000..388a4c7b0
--- /dev/null
+++ b/ppr-ui/tests/unit/MhrHistory.spec.ts
@@ -0,0 +1,72 @@
+import { MhrHistory } from '@/views'
+import { nextTick } from 'vue'
+import { createComponent, setupMockStaffUser } from './utils'
+import { defaultFlagSet, pacificDate } from '@/utils'
+import axios from 'axios'
+import MockAdapter from 'axios-mock-adapter'
+import { expect } from 'vitest'
+import { RouteNames } from '@/enums'
+
+describe('HistoricalManufacturedHomeInfo', () => {
+  let wrapper: any
+  let mock: MockAdapter
+
+  defaultFlagSet['mhr-history-enabled'] = true
+
+  beforeEach(async () => {
+    mock = new MockAdapter(axios)
+    mock.onGet(/\/registrations\/history\/\d+/).reply(200, {
+      mhrNumber: '123456',
+      descriptions: [],
+      locations: [],
+      owners: [],
+      registrations: [],
+      statusType: 'ACTIVE'
+    })
+
+    setupMockStaffUser()
+    wrapper = await createComponent(MhrHistory, {
+     appReady: true
+    }, RouteNames.MHR_HISTORY)
+    await nextTick()
+  })
+
+  afterEach(() => {
+    mock.restore()
+  })
+
+  it('renders correctly when data is loaded', async () => {
+    expect(wrapper.exists()).toBe(true)
+    expect(wrapper.find('h1').text()).toBe('Historical Manufactured Home Information')
+    expect(wrapper.find('p').text()).toContain('This is the current information for this registration as of')
+    expect(wrapper.find('.font-weight-bold').text()).toBe(pacificDate(new Date()))
+    expect(wrapper.vm.$route.name).toBe('mhr-history')
+  })
+
+  it('shows the loading overlay when loading', async () => {
+    wrapper.vm.loading = true
+    await nextTick()
+
+    expect(document.querySelector('.v-overlay__content')).toBeTruthy()
+  })
+
+  it('does not proceed if app is not ready', async () => {
+    wrapper = await createComponent(MhrHistory, {
+      appReady: false
+    }, RouteNames.MHR_HISTORY)
+    await nextTick()
+
+    expect(wrapper.vm.$route.name).toBe('dashboard')
+  })
+
+  it('navigates to dashboard if feature flag is disabled', async () => {
+    defaultFlagSet['mhr-history-enabled'] = false
+    wrapper = await createComponent(MhrHistory, {
+      appReady: true
+    }, RouteNames.MHR_HISTORY)
+    await nextTick()
+
+    expect(wrapper.vm.$route.name).toBe('dashboard')
+  })
+})
+
diff --git a/ppr-ui/tests/unit/TableRow.spec.ts b/ppr-ui/tests/unit/TableRow.spec.ts
index 4715232bc..7095f6dc9 100644
--- a/ppr-ui/tests/unit/TableRow.spec.ts
+++ b/ppr-ui/tests/unit/TableRow.spec.ts
@@ -762,10 +762,11 @@ describe('Mhr TableRow tests', () => {
     expect(staffMenuItems).toBeTruthy()
     const staffMenuItemWrappers = Array.from(staffMenuItems).map((element) => new DOMWrapper(element))
 
-    expect(staffMenuItemWrappers.length).toBe(3)
+    expect(staffMenuItemWrappers.length).toBe(4)
     expect(staffMenuItemWrappers.at(0).text()).toBe('Re-Register Manufactured Home')
     expect(staffMenuItemWrappers.at(1).text()).toBe('Non-Residential Exemption')
-    expect(staffMenuItemWrappers.at(2).text()).toBe('Remove From Table')
+    expect(staffMenuItemWrappers.at(2).text()).toBe('Historical Home Information')
+    expect(staffMenuItemWrappers.at(3).text()).toBe('Remove From Table')
 
     // Left in for future reference or implementation
     // expect(staffMenuItems.find(getTestId('res-exemption-btn')).exists()).toBeFalsy() // res exemption already filed
diff --git a/ppr-ui/vite.config.ts b/ppr-ui/vite.config.ts
index 711b63a68..0d974609e 100644
--- a/ppr-ui/vite.config.ts
+++ b/ppr-ui/vite.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import EnvironmentPlugin from 'vite-plugin-environment'
-import vuetify from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
 import ViteRequireContext from '@originjs/vite-plugin-require-context'
 import { viteCommonjs } from '@originjs/vite-plugin-commonjs'
 
@@ -31,7 +31,9 @@ export default defineConfig(() => {
     },
     envPrefix: 'VUE_APP_', // Need to remove this after fixing vaults. Use import.meta.env with VUE_APP.
     plugins: [
-      vue(),
+      vue({
+        template: { transformAssetUrls }
+      }),
       vuetify(),
       EnvironmentPlugin({
         BUILD: 'web' // Fix for Vuelidate, allows process.env with Vite.