diff --git a/components/doc/iconfield/theming/tailwinddoc.js b/components/doc/iconfield/theming/tailwinddoc.js
index 31b5d5d7f3..de24dd8fef 100644
--- a/components/doc/iconfield/theming/tailwinddoc.js
+++ b/components/doc/iconfield/theming/tailwinddoc.js
@@ -19,6 +19,19 @@ const Tailwind = {
             })
         })
     },
+    // For each input wrapped with IconField you will need to add styling.
+    //  The following is an example for InputText
+    inputtext: {
+        root: ({ props, context }) => ({
+            className: classNames(
+                // Extend the root stylings with the following:
+                {
+                    'pl-8': context.iconPosition === 'left',
+                    'pr-8': props.iconPosition === 'right'
+                }
+            )
+        })
+    },
 }
         `
     };