From 495716da156706b118d98a7f7fdde9adcf9edc0a Mon Sep 17 00:00:00 2001
From: Julian Roeland <julianroeland@gmail.com>
Date: Tue, 15 Oct 2024 17:49:00 +0200
Subject: [PATCH] :bug: - fix: fixed the overlapping of the icon inside
 stackctx

---
 src/components/form/formcontrol/formcontrol.scss | 5 -----
 src/components/stackctx/stackctx.scss            | 6 ++++++
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/form/formcontrol/formcontrol.scss b/src/components/form/formcontrol/formcontrol.scss
index 69dbf75e..843bce05 100644
--- a/src/components/form/formcontrol/formcontrol.scss
+++ b/src/components/form/formcontrol/formcontrol.scss
@@ -8,11 +8,6 @@
     width: 100%;
   }
 
-  .mykn-stackctx:has(.mykn-icon) .mykn-input,
-  .mykn-stackctx:has(.mykn-icon) .mykn-select {
-    padding-right: 30px;
-  }
-
   &--direction-horizontal {
     align-items: center;
     flex-direction: row;
diff --git a/src/components/stackctx/stackctx.scss b/src/components/stackctx/stackctx.scss
index 5c491475..f95aa3dc 100644
--- a/src/components/stackctx/stackctx.scss
+++ b/src/components/stackctx/stackctx.scss
@@ -1,3 +1,9 @@
 .mykn-stackctx {
   position: relative;
+  box-sizing: border-box;
+
+  &:has(.mykn-icon) .mykn-input,
+  &:has(.mykn-icon) .mykn-select {
+    padding-inline-end: 30px;
+  }
 }