diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-editor.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-editor.element.ts
index 3526d0ebf0b4..cd2ba63976b8 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-editor.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/workspace/document-workspace-editor.element.ts
@@ -6,6 +6,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UmbRoute, UmbRouterSlotInitEvent } from '@umbraco-cms/backoffice/router';
 import { UMB_APP_LANGUAGE_CONTEXT } from '@umbraco-cms/backoffice/language';
+import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 
 // TODO: This seem fully identical with Media Workspace Editor, so we can refactor this to a generic component. [NL]
 @customElement('umb-document-workspace-editor')
@@ -32,6 +33,11 @@ export class UmbDocumentWorkspaceEditorElement extends UmbLitElement {
 			this.observe(this.#appLanguage?.appLanguageCulture, (appCulture) => {
 				this.#appCulture = appCulture;
 				this.#generateRoutes();
+				// If the global app language changes, we update the first split view editor to the new app language.
+				const splitViewIndex = 0;
+				const activeSegment = this.#workspaceContext?.splitView.getActiveVariants()[splitViewIndex]?.segment;
+				const variantId = new UmbVariantId(appCulture, activeSegment);
+				this.#workspaceContext?.splitView.switchVariant(splitViewIndex, variantId);
 			});
 		});