Fix .form-select start-padding selector in .input-icon (#2625)

Co-authored-by: codecalm <codecalm@gmail.com>

.changeset/fix-form-select-icon-padding.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed `.input-icon` inline-start padding for `.form-select` by updating the selector from `:not(:last-child)` to `:not(:first-child)`.

.changeset/fix-steps-mobile-overflow.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed `.steps` horizontal overflow on small screens by enabling scrollable overflow below the `sm` breakpoint.

core/scss/ui/_steps.scss

@@ -14,19 +14,14 @@
   padding: 0;
   margin: 0;
   list-style: none;
-}
-//
-// Steps responsive (mobile)
-//
-@media (max-width: 576px) {
-  .steps {
+
+  @include media-breakpoint-down(sm) {
     overflow-x: auto;
     overflow-y: hidden;
     -webkit-overflow-scrolling: touch;
   }
 }
 
-
 @each $name, $color in $extra-colors {
   .steps-#{$name} {
     --#{$prefix}steps-color: var(--#{$prefix}#{$name});

core/scss/ui/forms/_form-icon.scss

@@ -12,7 +12,7 @@ Icon input
   }
 
   .form-control:not(:first-child),
-  .form-select:not(:last-child) {
+  .form-select:not(:first-child) {
     padding-inline-start: 2.5rem;
   }
 }