diff --git a/src/app/[orgId]/settings/alerting/health-checks/page.tsx b/src/app/[orgId]/settings/alerting/(list)/health-checks/page.tsx
similarity index 100%
rename from src/app/[orgId]/settings/alerting/health-checks/page.tsx
rename to src/app/[orgId]/settings/alerting/(list)/health-checks/page.tsx
diff --git a/src/app/[orgId]/settings/alerting/(list)/layout.tsx b/src/app/[orgId]/settings/alerting/(list)/layout.tsx
new file mode 100644
index 000000000..7393e7044
--- /dev/null
+++ b/src/app/[orgId]/settings/alerting/(list)/layout.tsx
@@ -0,0 +1,38 @@
+import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { HorizontalTabs } from "@app/components/HorizontalTabs";
+import { getTranslations } from "next-intl/server";
+
+type AlertingListLayoutProps = {
+    children: React.ReactNode;
+    params: Promise<{ orgId: string }>;
+};
+
+export default async function AlertingListLayout({
+    children,
+    params
+}: AlertingListLayoutProps) {
+    const { orgId } = await params;
+    const t = await getTranslations();
+
+    const navItems = [
+        {
+            title: t("alertingTabRules"),
+            href: `/${orgId}/settings/alerting/rules`,
+            activePrefix: `/${orgId}/settings/alerting`
+        },
+        {
+            title: t("alertingTabHealthChecks"),
+            href: `/${orgId}/settings/alerting/health-checks`
+        }
+    ];
+
+    return (
+        <>
+            <SettingsSectionTitle
+                title={t("alertingTitle")}
+                description={t("alertingDescription")}
+            />
+            <HorizontalTabs items={navItems}>{children}</HorizontalTabs>
+        </>
+    );
+}
diff --git a/src/app/[orgId]/settings/alerting/rules/page.tsx b/src/app/[orgId]/settings/alerting/(list)/rules/page.tsx
similarity index 100%
rename from src/app/[orgId]/settings/alerting/rules/page.tsx
rename to src/app/[orgId]/settings/alerting/(list)/rules/page.tsx
diff --git a/src/app/[orgId]/settings/alerting/layout.tsx b/src/app/[orgId]/settings/alerting/layout.tsx
index f235eb2e9..a541860eb 100644
--- a/src/app/[orgId]/settings/alerting/layout.tsx
+++ b/src/app/[orgId]/settings/alerting/layout.tsx
@@ -1,38 +1,7 @@
-import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
-import { HorizontalTabs } from "@app/components/HorizontalTabs";
-import { getTranslations } from "next-intl/server";
-
 type AlertingLayoutProps = {
     children: React.ReactNode;
-    params: Promise<{ orgId: string }>;
 };
 
-export default async function AlertingLayout({
-    children,
-    params
-}: AlertingLayoutProps) {
-    const { orgId } = await params;
-    const t = await getTranslations();
-
-    const navItems = [
-        {
-            title: t("alertingTabRules"),
-            href: `/${orgId}/settings/alerting/rules`,
-            activePrefix: `/${orgId}/settings/alerting`
-        },
-        {
-            title: t("alertingTabHealthChecks"),
-            href: `/${orgId}/settings/alerting/health-checks`
-        }
-    ];
-
-    return (
-        <>
-            <SettingsSectionTitle
-                title={t("alertingTitle")}
-                description={t("alertingDescription")}
-            />
-            <HorizontalTabs items={navItems}>{children}</HorizontalTabs>
-        </>
-    );
+export default function AlertingLayout({ children }: AlertingLayoutProps) {
+    return <>{children}</>;
 }