diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
index cd2c99c25f..daf73d6c26 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/workspace/components/variant-selector/variant-selector.element.ts
@@ -131,9 +131,10 @@ export class UmbVariantSelectorElement extends UmbLitElement {
 		const segment = variantId.segment;
 
 		this.observe(
-			this.#languages.asObservable(),
-			(languages) => {
-				const languageName = languages.find((language) => language.unique === variantId.culture)?.name ?? '';
+			this.#languages.asObservablePart(
+				(languages) => languages.find((language) => language.unique === variantId.culture)?.name ?? '',
+			),
+			(languageName) => {
 				this._variantDisplayName = (languageName ? languageName : '') + (segment ? ' — ' + segment : '');
 				this._variantTitleName =
 					(languageName ? `${languageName} (${culture})` : '') + (segment ? ' — ' + segment : '');