diff --git a/core/src/components/input/input.ios.scss b/core/src/components/input/input.ios.scss
index 90ae0c842f..35dc4aee51 100644
--- a/core/src/components/input/input.ios.scss
+++ b/core/src/components/input/input.ios.scss
@@ -37,3 +37,25 @@
:host(.input-disabled) {
opacity: #{$input-ios-disabled-opacity};
}
+
+// Start/End Slots
+// ----------------------------------------------------------------
+
+/**
+ * Slotted buttons have a lot of default padding that can
+ * cause them to look misaligned from other pieces such
+ * as the control's label, especially when using a clear
+ * fill. We also make them circular to ensure that non-
+ * clear buttons and the focus/hover state on clear ones
+ * don't look too crowded.
+ */
+::slotted(ion-button[slot="start"].button-has-icon-only),
+::slotted(ion-button[slot="end"].button-has-icon-only) {
+ --border-radius: 50%;
+ --padding-start: 0;
+ --padding-end: 0;
+ --padding-top: 0;
+ --padding-bottom: 0;
+
+ aspect-ratio: 1;
+}
diff --git a/core/src/components/input/input.md.scss b/core/src/components/input/input.md.scss
index 4c5d990674..97c65cd59d 100644
--- a/core/src/components/input/input.md.scss
+++ b/core/src/components/input/input.md.scss
@@ -117,3 +117,27 @@
:host(.input-shape-round) {
--border-radius: 16px;
}
+
+// Start/End Slots
+// ----------------------------------------------------------------
+
+/**
+ * Slotted buttons have a lot of default padding that can
+ * cause them to look misaligned from other pieces such
+ * as the control's label, especially when using a clear
+ * fill. We also make them circular to ensure that non-
+ * clear buttons and the focus/hover state on clear ones
+ * don't look too crowded.
+ */
+::slotted(ion-button[slot="start"].button-has-icon-only),
+::slotted(ion-button[slot="end"].button-has-icon-only) {
+ --border-radius: 50%;
+ --padding-start: 8px;
+ --padding-end: 8px;
+ --padding-top: 8px;
+ --padding-bottom: 8px;
+
+ aspect-ratio: 1;
+
+ min-height: 40px;
+}
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 7ebfb52680..a62b308c4a 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -659,8 +659,10 @@
::slotted([slot="start"]) {
margin-inline-end: $form-control-label-margin;
+ margin-inline-start: 0;
}
::slotted([slot="end"]) {
margin-inline-start: $form-control-label-margin;
+ margin-inline-end: 0;
}
diff --git a/core/src/components/input/test/slot/input.e2e.ts b/core/src/components/input/test/slot/input.e2e.ts
index ac0d80ef35..2ad41334f2 100644
--- a/core/src/components/input/test/slot/input.e2e.ts
+++ b/core/src/components/input/test/slot/input.e2e.ts
@@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => {
`
- lbs
+
+
+
`,
config
@@ -23,7 +25,9 @@ configs().forEach(({ title, screenshot, config }) => {
`
- lbs
+
+
+
`,
config
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png
index f778245157..92715e1510 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png
index bf7dc6b7a1..9e1e886db2 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png
index 8ace1899ce..221efa3a6f 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png
index 5bd211a328..86147ea512 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png
index bd73d2b148..1ce2e72b56 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png
index 1d85f1b326..434e7e8f7d 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png
index 8970e32660..e720d883b0 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png
index 12813a2c50..f63fb775d5 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png
index 7641e731c5..09e283054f 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png
index 646d11df40..54e5ebbca8 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png
index e66f7a3f55..7aee63eacf 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png
index 019f5aeb68..5a4de68e95 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png
index 16355a9012..061b66c3e4 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png
index 8c4fb42dbf..f0890040a2 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png
index 8441a54b03..87a794b7d6 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png
index 3b9d27fe85..3f77d0463c 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png
index 467ff73f4f..013abc38e5 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png
index f21e37d350..b700c0e551 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png
index e9f64c0d76..411ed54a4b 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png
index f7eeabfab8..9bf9fbb6a0 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png
index 22ac0aa749..2491ca8510 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png
index 83f5a80f82..298a824015 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png
index bb75d1f9f8..a1376b5f54 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png
index 60f1e692e6..4eb6676202 100644
Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/select.ios.scss b/core/src/components/select/select.ios.scss
index 0f8232a59d..76c79ce72e 100644
--- a/core/src/components/select/select.ios.scss
+++ b/core/src/components/select/select.ios.scss
@@ -38,3 +38,25 @@
:host(.select-disabled) {
opacity: $select-ios-disabled-opacity;
}
+
+// Start/End Slots
+// ----------------------------------------------------------------
+
+/**
+ * Slotted buttons have a lot of default padding that can
+ * cause them to look misaligned from other pieces such
+ * as the control's label, especially when using a clear
+ * fill. We also make them circular to ensure that non-
+ * clear buttons and the focus/hover state on clear ones
+ * don't look too crowded.
+ */
+::slotted(ion-button[slot="start"].button-has-icon-only),
+::slotted(ion-button[slot="end"].button-has-icon-only) {
+ --border-radius: 50%;
+ --padding-start: 0;
+ --padding-end: 0;
+ --padding-top: 0;
+ --padding-bottom: 0;
+
+ aspect-ratio: 1;
+}
diff --git a/core/src/components/select/select.md.scss b/core/src/components/select/select.md.scss
index 47fccd2858..005c54e7f7 100644
--- a/core/src/components/select/select.md.scss
+++ b/core/src/components/select/select.md.scss
@@ -155,3 +155,27 @@
:host(.select-disabled) {
opacity: $select-md-disabled-opacity;
}
+
+// Start/End Slots
+// ----------------------------------------------------------------
+
+/**
+ * Slotted buttons have a lot of default padding that can
+ * cause them to look misaligned from other pieces such
+ * as the control's label, especially when using a clear
+ * fill. We also make them circular to ensure that non-
+ * clear buttons and the focus/hover state on clear ones
+ * don't look too crowded.
+ */
+::slotted(ion-button[slot="start"].button-has-icon-only),
+::slotted(ion-button[slot="end"].button-has-icon-only) {
+ --border-radius: 50%;
+ --padding-start: 8px;
+ --padding-end: 8px;
+ --padding-top: 8px;
+ --padding-bottom: 8px;
+
+ aspect-ratio: 1;
+
+ min-height: 40px;
+}
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index f0aa860ced..965f0a4320 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -592,8 +592,10 @@ button {
::slotted([slot="start"]) {
margin-inline-end: $form-control-label-margin;
+ margin-inline-start: 0;
}
::slotted([slot="end"]) {
margin-inline-start: $form-control-label-margin;
+ margin-inline-end: 0;
}
diff --git a/core/src/components/select/test/slot/select.e2e.ts b/core/src/components/select/test/slot/select.e2e.ts
index 613db6586d..1135c61e33 100644
--- a/core/src/components/select/test/slot/select.e2e.ts
+++ b/core/src/components/select/test/slot/select.e2e.ts
@@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => {
`
- lbs
+
+
+
`,
config
@@ -23,7 +25,9 @@ configs().forEach(({ title, screenshot, config }) => {
`
- lbs
+
+
+
`,
config
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png
index c37f1dc0a2..d9210774de 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png
index 76ac34b319..c362d689d9 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png
index 437697cc2a..01d6d287b9 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png
index afa566933c..8ec2f782ec 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png
index 845dc40f59..2bd0c455b0 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png
index ff7fa0dfd9..26dd750ade 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png
index c81529ec69..8e765c91a1 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png
index 9e4b628192..283a8151e5 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png
index 5a8595b77a..fb86a73bc1 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png
index df467de427..c348695f98 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png
index f0b122c3ea..174d7e38a5 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png
index 879da6fd87..92c7ab0284 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png
index 0451d5194b..3c4f13cbaf 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png
index 3ec8c09a7c..9bcee16940 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png
index 7836273f9c..3b091f32e3 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png
index 9d03a02dd8..ff341ea7c9 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png
index 875f4ff81d..c31d7dc49f 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png
index dbbe461b47..79c3aa9fa6 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png
index 2ab98c6836..9e8899cdb7 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png
index a9f73d9242..144a694f35 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png
index d1b5262f8d..588dd01c1a 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png
index 19d2af060f..03e5bc58d4 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png
index 7bb895e5a8..2bc4a69306 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png
index 10e00b7f5d..f2e37f2d17 100644
Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts b/core/src/components/textarea/test/slot/textarea.e2e.ts
index 969fd2ebe7..6adee37438 100644
--- a/core/src/components/textarea/test/slot/textarea.e2e.ts
+++ b/core/src/components/textarea/test/slot/textarea.e2e.ts
@@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => {
`
- lbs
+
+
+
`,
config
@@ -23,7 +25,9 @@ configs().forEach(({ title, screenshot, config }) => {
`
- lbs
+
+
+
`,
config
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png
index ae849d4508..626556b776 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png
index 35e8c09028..8d06cc7ad8 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png
index 35015881b2..9e647e5482 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png
index 56bbdfdcb8..a075b02493 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png
index 239c72bc49..370229a519 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png
index bd998de174..791be12bee 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png
index a6a159f264..0b8c187c5f 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png
index b70ef279ba..cb769dd853 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png
index fda46edcdb..566349147a 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png
index 3e7f6f366e..df37456e84 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png
index 83c083cd1b..32ba2fca8c 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png
index c444ae1ccc..7caae46884 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png
index 19cdc900d8..be16c76616 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png
index d95431b934..1d2793daa9 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png
index 03000325fa..fe7cf3bed7 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png
index 4206f36716..b190c3ef2d 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png
index ab353f885d..84cf6c4a16 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png
index 93b10e6f13..0f6c71c669 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png
index bd989b6cb2..16f1009a01 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png
index 2116989040..fd08b3d848 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png
index 5f5a4d71db..b16d5acd0e 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png
index 8785595653..61ab13df40 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png
index 348cbef015..ec8ac511ba 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png
index c3e54c9d6a..7d24af4780 100644
Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/textarea.ios.scss b/core/src/components/textarea/textarea.ios.scss
index b90a7d441e..3c8ec47ffc 100644
--- a/core/src/components/textarea/textarea.ios.scss
+++ b/core/src/components/textarea/textarea.ios.scss
@@ -40,3 +40,25 @@
:host(.textarea-disabled) {
opacity: #{$textarea-ios-disabled-opacity};
}
+
+// Start/End Slots
+// ----------------------------------------------------------------
+
+/**
+ * Slotted buttons have a lot of default padding that can
+ * cause them to look misaligned from other pieces such
+ * as the control's label, especially when using a clear
+ * fill. We also make them circular to ensure that non-
+ * clear buttons and the focus/hover state on clear ones
+ * don't look too crowded.
+ */
+::slotted(ion-button[slot="start"].button-has-icon-only),
+::slotted(ion-button[slot="end"].button-has-icon-only) {
+ --border-radius: 50%;
+ --padding-start: 0;
+ --padding-end: 0;
+ --padding-top: 0;
+ --padding-bottom: 0;
+
+ aspect-ratio: 1;
+}
diff --git a/core/src/components/textarea/textarea.md.scss b/core/src/components/textarea/textarea.md.scss
index c014bca63e..16dfa2e147 100644
--- a/core/src/components/textarea/textarea.md.scss
+++ b/core/src/components/textarea/textarea.md.scss
@@ -109,3 +109,27 @@
:host(.textarea-shape-round) {
--border-radius: 16px;
}
+
+// Start/End Slots
+// ----------------------------------------------------------------
+
+/**
+ * Slotted buttons have a lot of default padding that can
+ * cause them to look misaligned from other pieces such
+ * as the control's label, especially when using a clear
+ * fill. We also make them circular to ensure that non-
+ * clear buttons and the focus/hover state on clear ones
+ * don't look too crowded.
+ */
+::slotted(ion-button[slot="start"].button-has-icon-only),
+::slotted(ion-button[slot="end"].button-has-icon-only) {
+ --border-radius: 50%;
+ --padding-start: 8px;
+ --padding-end: 8px;
+ --padding-top: 8px;
+ --padding-bottom: 8px;
+
+ aspect-ratio: 1;
+
+ min-height: 40px;
+}
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index d75895d593..31b080036c 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -753,8 +753,10 @@
::slotted([slot="start"]) {
margin-inline-end: $form-control-label-margin;
+ margin-inline-start: 0;
}
::slotted([slot="end"]) {
margin-inline-start: $form-control-label-margin;
+ margin-inline-end: 0;
}