feat: halve input with icon padding

etchteam · Mar 20, 2024 · 5f06d4a · 5f06d4a
1 parent 1d412af
commit 5f06d4a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/control/Input/Input.css b/components/control/Input/Input.css
@@ -83,12 +83,12 @@ diamond-input {
   /* Prefix */
   &:has(* + :is(input, textarea, select)) > :first-child {
     margin-right: calc(var(--diamond-input-padding-inline) / 2 * -1);
-    padding: 0 0 0 var(--diamond-input-padding-inline);
+    padding: 0 0 0 calc(var(--diamond-input-padding-inline) / 2);
   }
 
   /* Suffix */
   :is(input, textarea, select) + * {
     margin-left: calc(var(--diamond-input-padding-inline) / 2 * -1);
-    padding: 0 var(--diamond-input-padding-inline) 0 0;
+    padding: 0 calc(var(--diamond-input-padding-inline) / 2) 0 0;
   }
 }