diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor.element.ts
index 9eefddaebd..2b97a00feb 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/content-type/workspace/views/design/content-type-design-editor.element.ts
@@ -187,21 +187,20 @@ export class UmbContentTypeDesignEditorElement extends UmbLitElement implements
 			});
 		}
 
-		routes.push({
-			path: 'root',
-			component: () => import('./content-type-design-editor-tab.element.js'),
-			setup: (component) => {
-				(component as UmbContentTypeDesignEditorTabElement).containerId = null;
-			},
-		});
-
-		if (this._hasRootGroups) {
+		if (this._hasRootGroups || this._tabs.length === 0) {
+			routes.push({
+				path: 'root',
+				component: () => import('./content-type-design-editor-tab.element.js'),
+				setup: (component) => {
+					(component as UmbContentTypeDesignEditorTabElement).containerId = null;
+				},
+			});
 			routes.push({
 				path: '',
 				redirectTo: 'root',
 				guards: [() => this._activeTabId === undefined],
 			});
-		} else if (routes.length !== 0) {
+		} else {
 			routes.push({
 				path: '',
 				redirectTo: routes[0]?.path,