diff --git a/apps/showcase/doc/iconfield/BasicDoc.vue b/apps/showcase/doc/iconfield/BasicDoc.vue
index e9e6fafd5..27d68b4bf 100644
--- a/apps/showcase/doc/iconfield/BasicDoc.vue
+++ b/apps/showcase/doc/iconfield/BasicDoc.vue
@@ -9,7 +9,7 @@
         </IconField>
 
         <IconField>
-            <InputText v-model="value2" />
+            <InputText v-model="value2" variant="filled" />
             <InputIcon class="pi pi-spin pi-spinner" />
         </IconField>
     </div>
@@ -30,7 +30,7 @@ export default {
 </IconField>
 
 <IconField>
-    <InputText v-model="value2" />
+    <InputText v-model="value2" variant="filled" />
     <InputIcon class="pi pi-spin pi-spinner" />
 </IconField>
 `,
@@ -43,7 +43,7 @@ export default {
         </IconField>
 
         <IconField>
-            <InputText v-model="value2" />
+            <InputText v-model="value2" variant="filled" />
             <InputIcon class="pi pi-spin pi-spinner" />
         </IconField>
     </div>
@@ -69,7 +69,7 @@ export default {
         </IconField>
 
         <IconField>
-            <InputText v-model="value2" />
+            <InputText v-model="value2" variant="filled" />
             <InputIcon class="pi pi-spin pi-spinner" />
         </IconField>
     </div>
diff --git a/apps/showcase/doc/iconfield/FloatLabelDoc.vue b/apps/showcase/doc/iconfield/FloatLabelDoc.vue
index 84c90eb27..79a3365da 100644
--- a/apps/showcase/doc/iconfield/FloatLabelDoc.vue
+++ b/apps/showcase/doc/iconfield/FloatLabelDoc.vue
@@ -14,7 +14,7 @@
         <FloatLabel variant="in">
             <IconField>
                 <InputIcon class="pi pi-search" />
-                <InputText id="in_label" v-model="value2" autocomplete="off" />
+                <InputText id="in_label" v-model="value2" autocomplete="off" variant="filled" />
             </IconField>
             <label for="in_label">In Label</label>
         </FloatLabel>
@@ -50,7 +50,7 @@ export default {
 <FloatLabel variant="in">
     <IconField>
         <InputIcon class="pi pi-search" />
-        <InputText id="in_label" v-model="value2" autocomplete="off" />
+        <InputText id="in_label" v-model="value2" autocomplete="off" variant="filled" />
     </IconField>
     <label for="in_label">In Label</label>
 </FloatLabel>
@@ -77,7 +77,7 @@ export default {
         <FloatLabel variant="in">
             <IconField>
                 <InputIcon class="pi pi-search" />
-                <InputText id="in_label" v-model="value2" autocomplete="off" />
+                <InputText id="in_label" v-model="value2" autocomplete="off" variant="filled" />
             </IconField>
             <label for="in_label">In Label</label>
         </FloatLabel>
@@ -118,7 +118,7 @@ export default {
         <FloatLabel variant="in">
             <IconField>
                 <InputIcon class="pi pi-search" />
-                <InputText id="in_label" v-model="value2" autocomplete="off" />
+                <InputText id="in_label" v-model="value2" autocomplete="off" variant="filled" />
             </IconField>
             <label for="in_label">In Label</label>
         </FloatLabel>
diff --git a/apps/showcase/doc/iconfield/IftaLabelDoc.vue b/apps/showcase/doc/iconfield/IftaLabelDoc.vue
index e752dc984..4e4cc4aaa 100644
--- a/apps/showcase/doc/iconfield/IftaLabelDoc.vue
+++ b/apps/showcase/doc/iconfield/IftaLabelDoc.vue
@@ -6,7 +6,7 @@
         <IftaLabel>
             <IconField>
                 <InputIcon class="pi pi-user" />
-                <InputText id="username" v-model="value" autocomplete="off" />
+                <InputText id="username" v-model="value" autocomplete="off" variant="filled" />
             </IconField>
             <label for="username">Username</label>
         </IftaLabel>
@@ -24,7 +24,7 @@ export default {
 <IftaLabel>
     <IconField>
         <InputIcon class="pi pi-user" />
-        <InputText id="username" v-model="value" />
+        <InputText id="username" v-model="value" variant="filled" />
     </IconField>
     <label for="username">Username</label>
 </IftaLabel>
@@ -35,7 +35,7 @@ export default {
         <IftaLabel>
             <IconField>
                 <InputIcon class="pi pi-user" />
-                <InputText id="username" v-model="value" />
+                <InputText id="username" v-model="value" variant="filled" />
             </IconField>
             <label for="username">Username</label>
         </IftaLabel>
@@ -58,7 +58,7 @@ export default {
         <IftaLabel>
             <IconField>
                 <InputIcon class="pi pi-user" />
-                <InputText id="username" v-model="value" />
+                <InputText id="username" v-model="value" variant="filled" />
             </IconField>
             <label for="username">Username</label>
         </IftaLabel>