diff --git a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx
index abc2ac077..ffdf2f80e 100644
--- a/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx
+++ b/apps/nextjs/src/app/[locale]/boards/[name]/settings/_layout.tsx
@@ -135,7 +135,7 @@ export const LayoutSettingsContent = ({ board, form, isSaving, saveSettingsAsync
                   leftGutterColumnCount: baseLayout.leftGutterColumnCount,
                   rightGutterColumnCount: baseLayout.rightGutterColumnCount,
                   breakpoint: nextBreakpoint,
-                  role: "custom",
+                  role: "custom" as const,
                 },
               ].toSorted((layoutA, layoutB) => layoutA.breakpoint - layoutB.breakpoint);
               form.setFieldValue("layouts", layouts);