diff --git a/documentation/templates/input-templates.html b/documentation/templates/input-templates.html
index 68a11df..ac2fb05 100644
--- a/documentation/templates/input-templates.html
+++ b/documentation/templates/input-templates.html
@@ -1,10 +1,10 @@
 
 <template id="checkbox">
-    <input type="checkbox" class="masked" name="${ data.name }" value="${ data.value + '' }" checked="${ data.data && data.data[data.name] ? data.data[data.name] + '' : '' }" id="${ data.name }=${ slugify(data.value) }" disabled="${ data.disabled }" />
+    <input type="checkbox" class="invisible" name="${ data.name }" value="${ data.value + '' }" checked="${ data.data && data.data[data.name] ? data.data[data.name] + '' : '' }" id="${ data.name }=${ slugify(data.value) }" disabled="${ data.disabled }" />
     <label class="filter-label" for="${ data.name }=${ slugify(data.value) }">${ data.label }</label>
 </template>
 
 <template id="radio">
-    <input type="radio" class="masked" name="${ data.name }" value="${ data.value + '' }" checked="${ data.data && data.data[data.name] ? data.data[data.name] + '' : '' }" disabled="${ data.disabled }" id="${ data.name }=${ slugify(data.value) }" />
+    <input type="radio" class="invisible" name="${ data.name }" value="${ data.value + '' }" checked="${ data.data && data.data[data.name] ? data.data[data.name] + '' : '' }" disabled="${ data.disabled }" id="${ data.name }=${ slugify(data.value) }" />
     <label class="filter-label" for="${ data.name }=${ slugify(data.value) }">${ data.label }</label>
 </template>
diff --git a/literal-html/test.html b/literal-html/test.html
index 2871826..059b82b 100644
--- a/literal-html/test.html
+++ b/literal-html/test.html
@@ -366,9 +366,9 @@ <h2>is="literal-html"</h2>
     <article class="test">
         <template is="literal-html" data-default="2" data-value="Hello">
             <h2>is="literal-html"</h2>
-            <input class="masked" type="radio" name="test-2" value="1" id="test-2-value-1" checked="$ { data.default == element.value }" />
+            <input class="invisible" type="radio" name="test-2" value="1" id="test-2-value-1" checked="$ { data.default == element.value }" />
             <label class="black-pill-button pill-button button register-btn log-in-btn" for="test-2-value-1">1</label>
-            <input class="masked" type="radio" name="test-2" value="2" id="test-2-value-2" checked="$ { data.default == element.value }" />
+            <input class="invisible" type="radio" name="test-2" value="2" id="test-2-value-2" checked="$ { data.default == element.value }" />
             <label class="black-pill-button pill-button button register-btn log-in-btn" for="test-2-value-2">2</label>
             ${
                 events({ type: 'change', select: '[name="test-2"]' }, element)