diff --git a/src/layouts/duplicate-check/duplicate-check.spec.js b/src/layouts/duplicate-check/duplicate-check.spec.js
index 3f5d6cca2..7dd9c3625 100644
--- a/src/layouts/duplicate-check/duplicate-check.spec.js
+++ b/src/layouts/duplicate-check/duplicate-check.spec.js
@@ -28,7 +28,7 @@ describe("duplicate-check.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/endorsements/endorsements.spec.js b/src/layouts/endorsements/endorsements.spec.js
index 0917c44f4..57a45d74b 100644
--- a/src/layouts/endorsements/endorsements.spec.js
+++ b/src/layouts/endorsements/endorsements.spec.js
@@ -28,7 +28,7 @@ describe("endorsements.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/policy-driver/policy-driver.spec.js b/src/layouts/policy-driver/policy-driver.spec.js
index 5680f6f2f..60ed331e6 100644
--- a/src/layouts/policy-driver/policy-driver.spec.js
+++ b/src/layouts/policy-driver/policy-driver.spec.js
@@ -28,7 +28,7 @@ describe("policy-driver.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/policy-info-submitted/policy-info-submitted.spec.js b/src/layouts/policy-info-submitted/policy-info-submitted.spec.js
index a647c2681..4d80621ee 100644
--- a/src/layouts/policy-info-submitted/policy-info-submitted.spec.js
+++ b/src/layouts/policy-info-submitted/policy-info-submitted.spec.js
@@ -28,7 +28,7 @@ describe("policy-info-submitted.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/policy-info/policy-info.spec.js b/src/layouts/policy-info/policy-info.spec.js
index 74649d20b..b86cce714 100644
--- a/src/layouts/policy-info/policy-info.spec.js
+++ b/src/layouts/policy-info/policy-info.spec.js
@@ -28,7 +28,7 @@ describe("policy-info.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/policy-vehicle/policy-vehicle.spec.js b/src/layouts/policy-vehicle/policy-vehicle.spec.js
index d11777667..f7f0b4806 100644
--- a/src/layouts/policy-vehicle/policy-vehicle.spec.js
+++ b/src/layouts/policy-vehicle/policy-vehicle.spec.js
@@ -28,7 +28,7 @@ describe("policy-vehicle.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/recalibration-info/recalibration-info.spec.js b/src/layouts/recalibration-info/recalibration-info.spec.js
index 50667e1fa..e564a2565 100644
--- a/src/layouts/recalibration-info/recalibration-info.spec.js
+++ b/src/layouts/recalibration-info/recalibration-info.spec.js
@@ -28,7 +28,7 @@ describe("recalibration-info.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
@@ -56,7 +56,7 @@ function setupMocks() {
     settleAllPromises.mockResolvedValue({ cmsContent: mockCmsContent });
 
     const mountOptions = getMountOptions({
-        route: { name: "policy-vehicle", query: {}, params: {} },
+        route: { name: "recalibration-info", query: {}, params: {} },
         router: {
             navigate: jest.fn(),
             navigateWithSaving: jest.fn(),
diff --git a/src/layouts/verify-details/verify-details.spec.js b/src/layouts/verify-details/verify-details.spec.js
index ec541ecf9..9aadda9cf 100644
--- a/src/layouts/verify-details/verify-details.spec.js
+++ b/src/layouts/verify-details/verify-details.spec.js
@@ -28,7 +28,7 @@ describe("verify-details.vue", () => {
 
         test("renders navbar component", () => {
             const { wrapper } = setupMocks();
-            expect(wrapper.findComponent({ name: "navbar" }).exists()).toBe(true);
+            expect(wrapper.findComponent({ name: "insuranceNavBar" }).exists()).toBe(true);
         });
 
         test("renders Form component", () => {
diff --git a/src/layouts/verify-details/verify-details.vue b/src/layouts/verify-details/verify-details.vue
index a5717ba05..a3e00eb7f 100644
--- a/src/layouts/verify-details/verify-details.vue
+++ b/src/layouts/verify-details/verify-details.vue
@@ -11,10 +11,11 @@
                     <!--
                             ... Page code goes here.
                     -->
-                    <navbar
+                    <insuranceNavBar
                         cmsWidgetName="FunnelFooterWidget"
                         ref="navbar"
                         :isForwardActionDisabled="!meta.valid"
+                        @cancel-clicked="cancelButtonAction"
                         @back-clicked="backButtonAction"
                         @ForwardClicked="forwardButtonAction" />
                 </div>
@@ -25,7 +26,7 @@
 
 <script>
 import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
-import navbar from "@/fmg-components/nav-bar/nav-bar";
+import insuranceNavBar from "@/fmg-components/insurance-nav-bar/insurance-nav-bar";
 import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
 import { Form } from "vee-validate";
 
@@ -41,7 +42,7 @@ export default {
     components: {
         Form,
         funnelHeader,
-        navbar,
+        insuranceNavBar,
         funnelSubHeader,
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
@@ -67,6 +68,12 @@ export default {
     },
 
     methods: {
+        cancelButtonAction() {
+            this.$router.navigateWithoutSaving(
+                this.navigationScenarios.CLICKED_CANCEL_VERIFICATION,
+                this.pageName
+            );
+        },
         backButtonAction() {
             this.$router.navigateWithoutSaving(
                 this.navigationScenarios.CLICKED_BACK,
diff --git a/src/router/constants/routing-table.js b/src/router/constants/routing-table.js
index c84aaf712..ea2020a21 100644
--- a/src/router/constants/routing-table.js
+++ b/src/router/constants/routing-table.js
@@ -594,9 +594,13 @@ const routingTable = function () {
         {
             pageName: routeData.VERIFY_DETAILS.name,
             maps: [
+                {
+                    scenario: navigationScenarios.CLICKED_CANCEL_VERIFICATION,
+                    destinationPageData: routeData.POLICY_INFO,
+                },
                 {
                     scenario: navigationScenarios.CLICKED_BACK,
-                    destinationPageData: routeData.DUPLICATE_CHECK,
+                    destinationPageData: routeData.POLICY_INFO,
                 },
                 {
                     scenario: navigationScenarios.CLICKED_FORWARD,