diff --git a/src/Umbraco.Web.UI.Client/src/libs/element-api/element.mixin.ts b/src/Umbraco.Web.UI.Client/src/libs/element-api/element.mixin.ts
index aebd9bd789..585afb5e85 100644
--- a/src/Umbraco.Web.UI.Client/src/libs/element-api/element.mixin.ts
+++ b/src/Umbraco.Web.UI.Client/src/libs/element-api/element.mixin.ts
@@ -10,7 +10,10 @@ import { UmbObserverController, simpleHashCode } from '@umbraco-cms/backoffice/o
 
 export const UmbElementMixin = <T extends HTMLElementConstructor>(superClass: T) => {
 	class UmbElementMixinClass extends UmbControllerHostElementMixin(superClass) implements UmbElement {
-		localize: UmbLocalizationController = new UmbLocalizationController(this);
+		#localize?: UmbLocalizationController;
+		public get localize(): UmbLocalizationController {
+			return (this.#localize ??= new UmbLocalizationController(this));
+		}
 
 		observe<
 			ObservableType extends Observable<T> | undefined,