diff --git a/web/src/routes/admin/maintenance/+page.svelte b/web/src/routes/admin/maintenance/+page.svelte
index 63d9c5804d..7021d8a558 100644
--- a/web/src/routes/admin/maintenance/+page.svelte
+++ b/web/src/routes/admin/maintenance/+page.svelte
@@ -12,10 +12,10 @@
     MaintenanceAction,
     ManualJobName,
     setMaintenanceMode,
-    type MaintenanceIntegrityReportSummaryResponseDto,
+    type IntegrityReportSummaryResponseDto,
     type QueuesResponseLegacyDto,
   } from '@immich/sdk';
-  import { Button, HStack, Text, toastManager } from '@immich/ui';
+  import { Button, HStack, toastManager } from '@immich/ui';
   import { mdiProgressWrench } from '@mdi/js';
   import { onDestroy, onMount } from 'svelte';
   import { t } from 'svelte-i18n';
@@ -27,7 +27,7 @@
 
   let { data }: Props = $props();
 
-  let integrityReport: MaintenanceIntegrityReportSummaryResponseDto = $state(data.integrityReport);
+  let integrityReport: IntegrityReportSummaryResponseDto = $state(data.integrityReport);
 
   const TYPES: IntegrityReportType[] = [
     IntegrityReportType.OrphanFile,
@@ -98,21 +98,16 @@
   });
 </script>
 
-<AdminPageLayout breadcrumbs={[{ title: data.meta.title }]}>
-  {#snippet buttons()}
-    <HStack gap={1}>
-      <Button
-        leadingIcon={mdiProgressWrench}
-        size="small"
-        variant="ghost"
-        color="secondary"
-        onclick={switchToMaintenance}
-      >
-        <Text class="hidden md:block">{$t('admin.maintenance_start')}</Text>
-      </Button>
-    </HStack>
-  {/snippet}
-
+<AdminPageLayout
+  breadcrumbs={[{ title: data.meta.title }]}
+  actions={[
+    {
+      title: $t('admin.maintenance_start'),
+      onAction: switchToMaintenance,
+      icon: mdiProgressWrench,
+    },
+  ]}
+>
   <section id="setting-content" class="flex place-content-center sm:mx-4">
     <section class="w-full pb-28 sm:w-5/6 md:w-[850px]">
       <p class="text-sm dark:text-immich-dark-fg uppercase">{$t('admin.maintenance_integrity_report')}</p>
diff --git a/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte b/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte
index 924567d5ea..182cc61323 100644
--- a/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte
+++ b/web/src/routes/admin/maintenance/integrity-report/[type]/+page.svelte
@@ -4,12 +4,9 @@
   import { handleError } from '$lib/utils/handle-error';
   import { createJob, deleteIntegrityReport, getBaseUrl, IntegrityReportType, ManualJobName } from '@immich/sdk';
   import {
-    Button,
-    HStack,
     IconButton,
     menuManager,
     modalManager,
-    Text,
     toastManager,
     type ContextMenuBaseProps,
     type MenuItems,
@@ -121,24 +118,21 @@
     { title: $t('admin.maintenance_integrity_report') },
     { title: data.meta.title },
   ]}
+  actions={[
+    {
+      title: 'Download CSV',
+      icon: mdiDownload,
+      onAction: () => {
+        location.href = `${getBaseUrl()}/admin/maintenance/integrity/report/${data.type}/csv`;
+      },
+    },
+    {
+      title: 'Delete All',
+      onAction: removeAll,
+      icon: mdiTrashCanOutline,
+    },
+  ]}
 >
-  {#snippet buttons()}
-    <HStack gap={1}>
-      <Button
-        size="small"
-        variant="ghost"
-        color="secondary"
-        leadingIcon={mdiDownload}
-        href={`${getBaseUrl()}/admin/maintenance/integrity/report/${data.type}/csv`}
-      >
-        <Text class="hidden md:block">Download CSV</Text>
-      </Button>
-      <Button size="small" variant="ghost" color="danger" leadingIcon={mdiTrashCanOutline} onclick={removeAll}>
-        <Text class="hidden md:block">Delete All</Text>
-      </Button>
-    </HStack>
-  {/snippet}
-
   <section id="setting-content" class="flex place-content-center sm:mx-4">
     <section class="w-full pb-28 sm:w-5/6 md:w-[850px]">
       <table class="mt-5 w-full text-start">