diff --git a/apps/nextjs/src/app/[locale]/manage/assistant/page.tsx b/apps/nextjs/src/app/[locale]/manage/assistant/page.tsx
index 75c39b563..d8482fcfc 100644
--- a/apps/nextjs/src/app/[locale]/manage/assistant/page.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/assistant/page.tsx
@@ -1,10 +1,10 @@
 import { notFound } from "next/navigation";
-import { Stack, Text, Title } from "@mantine/core";
+import { Text } from "@mantine/core";
 
 import { auth } from "@homarr/auth/next";
 import { getScopedI18n } from "@homarr/translation/server";
 
-import { DynamicBreadcrumb } from "~/components/navigation/dynamic-breadcrumb";
+import { ManagePageLayout } from "~/components/manage/manage-page-layout";
 import { AssistantConfiguration } from "./_components/assistant-configuration";
 
 export async function generateMetadata() {
@@ -23,17 +23,11 @@ export default async function AssistantPage() {
 
   const t = await getScopedI18n("management.page.settings.section.assistant");
   return (
-    <>
-      <DynamicBreadcrumb />
-      <Stack>
-        <div>
-          <Title order={1}>{t("title")}</Title>
-          <Text c="dimmed" maw="70ch">
-            {t("description")}
-          </Text>
-        </div>
-        <AssistantConfiguration />
-      </Stack>
-    </>
+    <ManagePageLayout title={t("title")}>
+      <Text c="dimmed" maw="70ch">
+        {t("description")}
+      </Text>
+      <AssistantConfiguration />
+    </ManagePageLayout>
   );
 }