diff --git a/docs/fundamentals/systems/form/assets/h-output.js b/docs/fundamentals/systems/form/assets/h-output.js
index f3ed041a1..2f84a76a5 100644
--- a/docs/fundamentals/systems/form/assets/h-output.js
+++ b/docs/fundamentals/systems/form/assets/h-output.js
@@ -128,7 +128,9 @@ export class HelperOutput extends LitElement {
     return html`<span title="${resultText}">${resultText}</span>`;
   }
 
-  connectedCallback() {
+  constructor() {
+    super();
+    // eslint-disable-next-line wc/no-constructor-attributes
     this.title = 'States';
   }
 
diff --git a/packages/ui/components/helpers/src/SbActionLogger.js b/packages/ui/components/helpers/src/SbActionLogger.js
index 8b5fd0feb..e29e5e0d7 100644
--- a/packages/ui/components/helpers/src/SbActionLogger.js
+++ b/packages/ui/components/helpers/src/SbActionLogger.js
@@ -126,12 +126,10 @@ export class SbActionLogger extends LitElement {
 
   constructor() {
     super();
-    this.__logCounter = 0;
-  }
-
-  connectedCallback() {
+    // eslint-disable-next-line wc/no-constructor-attributes
     this.title = 'Action Logger';
     this.simple = false;
+    this.__logCounter = 0;
   }
 
   get loggerEl() {