From 0553e2a56648265de1ecf321c57ff106096a802a Mon Sep 17 00:00:00 2001
From: Silvia Ivanova <59446295+SisIvanova@users.noreply.github.com>
Date: Tue, 1 Aug 2023 16:03:49 +0300
Subject: [PATCH] fix(input): wrong padding in indigo theme (#844)

* fix(input): wrong padding in indigo theme
---------

Co-authored-by: Simeon Simeonoff <sim.simeonoff@gmail.com>
---
 src/components/combo/themes/light/combo.indigo.scss   | 4 ++++
 src/components/input/themes/light/input.indigo.scss   | 8 ++++----
 src/components/select/themes/light/select.indigo.scss | 4 ++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/combo/themes/light/combo.indigo.scss b/src/components/combo/themes/light/combo.indigo.scss
index 54aae9421..47da25d1a 100644
--- a/src/components/combo/themes/light/combo.indigo.scss
+++ b/src/components/combo/themes/light/combo.indigo.scss
@@ -16,6 +16,10 @@ $theme: digest-schema($combo-schema);
     @include css-vars-from-theme($dropdown-theme, 'ig-dropdown');
 
 
+    igc-input::part(container) {
+        padding-inline: 0;
+    }
+
     [part='helper-text'] {
         margin-top: rem(6px);
         padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));
diff --git a/src/components/input/themes/light/input.indigo.scss b/src/components/input/themes/light/input.indigo.scss
index 6343112f1..37aba84ea 100644
--- a/src/components/input/themes/light/input.indigo.scss
+++ b/src/components/input/themes/light/input.indigo.scss
@@ -94,12 +94,12 @@ $theme: digest-schema(extend(
         grid-area: 1 / 2;
     }
 
-    [part*='input prefixed'] {
-        padding-inline-start: 0;
+    [part~='prefixed'] {
+        padding-inline-start: rem(4px);
     }
 
-    [part*='input suffixed'] {
-        padding-inline-end: 0;
+    [part~='suffixed'] {
+        padding-inline-end: rem(4px);
     }
 
     [part='helper-text'] {
diff --git a/src/components/select/themes/light/select.indigo.scss b/src/components/select/themes/light/select.indigo.scss
index 9fb38b27e..d9fc7155d 100644
--- a/src/components/select/themes/light/select.indigo.scss
+++ b/src/components/select/themes/light/select.indigo.scss
@@ -23,6 +23,10 @@ $theme: digest-schema($schema);
         color: var-get($input-theme, 'filled-text-color');
     }
 
+    igc-input::part(container) {
+        padding-inline: 0;
+    }
+
     [part='helper-text'] {
         margin-top: rem(6px);
         padding-inline: pad-inline(rem(8px), rem(12px), rem(16px));