diff --git a/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/__tests__/unwrap-define-front-component-to-direct-export.spec.ts b/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/__tests__/unwrap-define-front-component-to-direct-export.spec.ts
index 304466c2ec..7bd0f2445d 100644
--- a/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/__tests__/unwrap-define-front-component-to-direct-export.spec.ts
+++ b/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/__tests__/unwrap-define-front-component-to-direct-export.spec.ts
@@ -34,6 +34,19 @@ export default defineFrontComponent({
 });
 `;
 
+const SETTINGS_COMPONENT_SOURCE = `import { defineSettingsFrontComponent } from 'twenty-sdk/define';
+
+import { APP_SETTINGS_FRONT_COMPONENT_UNIVERSAL_IDENTIFIER } from 'src/constants/universal-identifiers';
+import { AppSettings } from 'src/front-components/components/AppSettings';
+
+export default defineSettingsFrontComponent({
+  universalIdentifier: APP_SETTINGS_FRONT_COMPONENT_UNIVERSAL_IDENTIFIER,
+  name: 'app-settings',
+  description: 'Custom settings tab',
+  component: AppSettings,
+});
+`;
+
 describe('unwrapDefineFrontComponentToDirectExport', () => {
   it('renders the component when component is an inline factory call', () => {
     const output = unwrapDefineFrontComponentToDirectExport(
@@ -76,6 +89,18 @@ describe('unwrapDefineFrontComponentToDirectExport', () => {
     expect(identifierOutput).toContain(renderer);
   });
 
+  it('renders the component when defined with defineSettingsFrontComponent', () => {
+    const output = unwrapDefineFrontComponentToDirectExport(
+      SETTINGS_COMPONENT_SOURCE,
+    );
+
+    expect(output).toContain('component: AppSettings,');
+    expect(output).toContain(
+      '__frontComponentJsx(__frontComponentDefinition.component, {})',
+    );
+    expect(output).not.toContain('defineSettingsFrontComponent');
+  });
+
   it('leaves a source without a defineFrontComponent default export untouched', () => {
     const source = `import { useEffect } from 'react';
 
diff --git a/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/unwrap-define-front-component-to-direct-export.ts b/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/unwrap-define-front-component-to-direct-export.ts
index dd1ad67c95..2225b17b2c 100644
--- a/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/unwrap-define-front-component-to-direct-export.ts
+++ b/packages/twenty-sdk/src/cli/utilities/build/common/front-component-build/utils/unwrap-define-front-component-to-direct-export.ts
@@ -1,8 +1,8 @@
 const DEFINE_FRONT_COMPONENT_IMPORT_PATTERN =
-  /import\s*\{\s*defineFrontComponent\s*\}\s*from\s*['"][^'"]+['"];?\n?/g;
+  /import\s*\{\s*define(?:Settings)?FrontComponent\s*\}\s*from\s*['"][^'"]+['"];?\n?/g;
 
 const DEFINE_FRONT_COMPONENT_EXPORT_OPENING_PATTERN =
-  /export\s+default\s+defineFrontComponent\s*\(/;
+  /export\s+default\s+define(?:Settings)?FrontComponent\s*\(/;
 
 const IDENTIFIER_COMPONENT_VALUE_PATTERN =
   /component\s*:\s*([A-Za-z_$][\w$]*)\s*[,}]/;