diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css
index 70248bae0..afc56d64a 100644
--- a/src/assets/oruga-tailwindcss.css
+++ b/src/assets/oruga-tailwindcss.css
@@ -110,7 +110,13 @@ body {
   @apply border-red-500;
 }
 .input-icon-right {
-  right: 0.5rem;
+  @apply right-2;
+}
+.input-iconspace-left {
+  @apply pl-8;
+}
+.input-iconspace-right {
+  @apply pr-8;
 }
 .input[type="text"]:disabled,
 .input[type="email"]:disabled {
diff --git a/src/oruga-config.ts b/src/oruga-config.ts
index 7d97f7722..2131f1e39 100644
--- a/src/oruga-config.ts
+++ b/src/oruga-config.ts
@@ -34,6 +34,8 @@ export const orugaConfig = {
     sizeClass: (size: string) => {
       return `input-size-${size}`;
     },
+    iconLeftSpaceClass: "input-iconspace-left",
+    iconRightSpaceClass: "input-iconspace-right",
   },
   taginput: {
     itemClass: "taginput-item",