🐛 - fix: fixed the overlapping of the icon inside stackctx

maykinmedia · Oct 15, 2024 · 495716d · 495716d
1 parent 4a93590
commit 495716d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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;
+  }
 }