diff --git a/packages/elements/src/checkbox/index.ts b/packages/elements/src/checkbox/index.ts
index 354ed7c92f..d606a1c4f0 100644
--- a/packages/elements/src/checkbox/index.ts
+++ b/packages/elements/src/checkbox/index.ts
@@ -36,7 +36,7 @@ export class Checkbox extends ControlElement {
     return VERSION;
   }
 
-  protected readonly defaultRole = 'checkbox';
+  protected readonly defaultRole: string | null = 'checkbox';
 
   /**
    * A `CSSResultGroup` that will be used
diff --git a/packages/elements/src/radio-button/index.ts b/packages/elements/src/radio-button/index.ts
index ff92a27159..bbbc01cdcd 100644
--- a/packages/elements/src/radio-button/index.ts
+++ b/packages/elements/src/radio-button/index.ts
@@ -50,7 +50,7 @@ export class RadioButton extends ControlElement {
     return VERSION;
   }
 
-  protected readonly defaultRole = 'radio';
+  protected readonly defaultRole: string | null = 'radio';
 
   /**
    * A `CSSResultGroup` that will be used
diff --git a/packages/elements/src/toggle/index.ts b/packages/elements/src/toggle/index.ts
index 0584098739..d6e378dd03 100644
--- a/packages/elements/src/toggle/index.ts
+++ b/packages/elements/src/toggle/index.ts
@@ -44,7 +44,7 @@ export class Toggle extends ControlElement {
     return VERSION;
   }
 
-  protected readonly defaultRole = 'switch';
+  protected readonly defaultRole: string | null = 'switch';
 
   /**
    * Label of toggle checked