diff --git a/features/mesh/services/mesh-multi-zone-services/Item.feature b/features/mesh/services/mesh-multi-zone-services/Item.feature
deleted file mode 100644
index fa90753e1..000000000
--- a/features/mesh/services/mesh-multi-zone-services/Item.feature
+++ /dev/null
@@ -1,26 +0,0 @@
-Feature: mesh / mesh-multi-zone-services / item
-
-  Background:
-    Given the CSS selectors
-      | Alias      | Selector                              |
-      | services | [data-testid$='-collection'] tbody tr |
-      | detail-link | $services:nth-child(1) [data-action] |
-
-  Scenario: The MeshServices table exists
-    Given the environment
-      """
-        KUMA_SERVICE_COUNT: 1
-      """
-    And the URL "/meshes/default/meshmultizoneservices/firewall-1" responds with
-      """
-      body:
-        status:
-          meshServices:
-            - name: the-service
-              mesh: not-default-mesh
-              zone: not-default
-      """
-    When I visit the "/meshes/default/services/mesh-multi-zone-services/firewall-1/overview" URL
-    Then the "$services" element exists 1 times
-    And I click the "$detail-link" element
-    Then the URL contains "/meshes/not-default-mesh/services/mesh-services/the-service/overview"
diff --git a/src/app/services/routes.ts b/src/app/services/routes.ts
index 7c3cf042f..df2e5b771 100644
--- a/src/app/services/routes.ts
+++ b/src/app/services/routes.ts
@@ -84,11 +84,6 @@ export const routes = (can: Can) => {
                           },
                         ],
                       },
-                      {
-                        path: 'config',
-                        name: 'mesh-multi-zone-service-config-view',
-                        component: () => import('@/app/services/views/MeshMultiZoneServiceConfigView.vue'),
-                      },
                     ],
                   },
                 ]
diff --git a/src/app/services/views/MeshMultiZoneServiceConfigView.vue b/src/app/services/views/MeshMultiZoneServiceConfigView.vue
deleted file mode 100644
index 57a90620d..000000000
--- a/src/app/services/views/MeshMultiZoneServiceConfigView.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <RouteView
-    name="mesh-multi-zone-service-config-view"
-    :params="{
-      mesh: '',
-      service: '',
-      codeSearch: '',
-      codeFilter: false,
-      codeRegExp: false,
-    }"
-    v-slot="{ route }"
-  >
-    <AppView>
-      <KCard>
-        <ResourceCodeBlock
-          :resource="props.data.config"
-          is-searchable
-          :query="route.params.codeSearch"
-          :is-filter-mode="route.params.codeFilter"
-          :is-reg-exp-mode="route.params.codeRegExp"
-          @query-change="route.update({ codeSearch: $event })"
-          @filter-mode-change="route.update({ codeFilter: $event })"
-          @reg-exp-mode-change="route.update({ codeRegExp: $event })"
-          v-slot="{ copy, copying }"
-        >
-          <DataSource
-            v-if="copying"
-            :src="`/meshes/${props.data.mesh}/mesh-multi-zone-service/${props.data.id}/as/kubernetes?no-store`"
-            @change="(data) => {
-              copy((resolve) => resolve(data))
-            }"
-            @error="(e) => {
-              copy((_resolve, reject) => reject(e))
-            }"
-          />
-        </ResourceCodeBlock>
-      </KCard>
-    </AppView>
-  </RouteView>
-</template>
-
-<script lang="ts" setup>
-import type { MeshMultiZoneService } from '../data'
-import ResourceCodeBlock from '@/app/common/code-block/ResourceCodeBlock.vue'
-const props = defineProps<{
-  data: MeshMultiZoneService
-}>()
-</script>
diff --git a/src/app/services/views/MeshMultiZoneServiceDetailView.vue b/src/app/services/views/MeshMultiZoneServiceDetailView.vue
index b0475f2e5..0ab14d454 100644
--- a/src/app/services/views/MeshMultiZoneServiceDetailView.vue
+++ b/src/app/services/views/MeshMultiZoneServiceDetailView.vue
@@ -4,14 +4,11 @@
     :params="{
       mesh: '',
       service: '',
-      page: 1,
-      size: 50,
-      s: '',
       codeSearch: '',
       codeFilter: false,
       codeRegExp: false,
     }"
-    v-slot="{ t, me, can }"
+    v-slot="{ route }"
   >
     <AppView>
       <div
@@ -63,75 +60,28 @@
         </KCard>
 
         <div>
-          <h3>
-            Mesh Services
-          </h3>
-
-          <KCard
-            class="mt-4"
+          <ResourceCodeBlock
+            :resource="props.data.config"
+            is-searchable
+            :query="route.params.codeSearch"
+            :is-filter-mode="route.params.codeFilter"
+            :is-reg-exp-mode="route.params.codeRegExp"
+            @query-change="route.update({ codeSearch: $event })"
+            @filter-mode-change="route.update({ codeFilter: $event })"
+            @reg-exp-mode-change="route.update({ codeRegExp: $event })"
+            v-slot="{ copy, copying }"
           >
-            <AppCollection
-              data-testid="mesh-service-collection"
-              :headers="[
-                { ...me.get('headers.name'), label: 'Name', key: 'name' },
-                ...(can('use zones') ? [{ ...me.get('headers.zone'), label: 'Zone', key: 'zone' }] : []),
-                { ...me.get('headers.namespace'), label: 'Namespace', key: 'namespace' },
-                { ...me.get('headers.actions'), label: 'Actions', key: 'actions', hideLabel: true },
-              ]"
-              :items="data.status.meshServices"
-              :total="data.status.meshServices.length"
-              @resize="me.set"
-            >
-              <template #name="{ row: item }">
-                <XAction
-                  data-action
-                  class="name-link"
-                  :to="{
-                    name: 'mesh-service-detail-view',
-                    params: {
-                      mesh: item.mesh,
-                      service: item.name,
-                    },
-                  }"
-                >
-                  {{ item.name }}
-                </XAction>
-              </template>
-
-              <template #zone="{ row }">
-                <XAction
-                  :to="{
-                    name: 'zone-cp-detail-view',
-                    params: {
-                      zone: row.zone,
-                    },
-                  }"
-                >
-                  {{ row.zone }}
-                </XAction>
-              </template>
-
-              <template #namespace="{ row: item }">
-                {{ item.namespace }}
-              </template>
-
-              <template #actions="{ row: item }">
-                <XActionGroup>
-                  <XAction
-                    :to="{
-                      name: 'mesh-service-detail-view',
-                      params: {
-                        mesh: item.mesh,
-                        service: item.name,
-                      },
-                    }"
-                  >
-                    {{ t('common.collection.actions.view') }}
-                  </XAction>
-                </XActionGroup>
-              </template>
-            </AppCollection>
-          </KCard>
+            <DataSource
+              v-if="copying"
+              :src="`/meshes/${props.data.mesh}/mesh-multi-zone-service/${props.data.id}/as/kubernetes?no-store`"
+              @change="(data) => {
+                copy((resolve) => resolve(data))
+              }"
+              @error="(e) => {
+                copy((_resolve, reject) => reject(e))
+              }"
+            />
+          </ResourceCodeBlock>
         </div>
       </div>
     </AppView>
@@ -140,7 +90,7 @@
 
 <script lang="ts" setup>
 import type { MeshMultiZoneService } from '../data'
-import AppCollection from '@/app/application/components/app-collection/AppCollection.vue'
+import ResourceCodeBlock from '@/app/common/code-block/ResourceCodeBlock.vue'
 import DefinitionCard from '@/app/common/DefinitionCard.vue'
 
 const props = defineProps<{