diff --git a/core/src/components/input/input.md.scss b/core/src/components/input/input.md.scss
index cf2953f0e1..0f85e2b9c1 100644
--- a/core/src/components/input/input.md.scss
+++ b/core/src/components/input/input.md.scss
@@ -47,8 +47,8 @@
  * If the input has a validity state, the
  * border and label should reflect that as a color.
  */
-:host(.ion-touched.ion-valid) .input-bottom,
-:host(.ion-touched.ion-invalid) .input-bottom {
+:host(.ion-touched.ion-valid),
+:host(.ion-touched.ion-invalid) {
   --border-color: var(--highlight-color);
 }
 
diff --git a/core/src/components/input/input.md.solid.scss b/core/src/components/input/input.md.solid.scss
index d7ee9c7da4..8bc0d3ae76 100644
--- a/core/src/components/input/input.md.solid.scss
+++ b/core/src/components/input/input.md.solid.scss
@@ -25,8 +25,8 @@
  * If the input has a validity state, the
  * border should reflect that as a color.
  */
-:host(.input-fill-solid.ion-touched.ion-valid) .input-wrapper,
-:host(.input-fill-solid.ion-touched.ion-invalid) .input-wrapper {
+:host(.input-fill-solid.ion-touched.ion-valid),
+:host(.input-fill-solid.ion-touched.ion-invalid) {
   --border-color: var(--highlight-color);
 }
 
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 224b9ddf60..1700d78900 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -347,8 +347,8 @@
  * If the input has a validity state, the
  * border and label should reflect that as a color.
  */
-:host(.ion-touched.ion-valid) .input-bottom,
-:host(.ion-touched.ion-invalid) .input-bottom {
+:host(.ion-touched.ion-valid),
+:host(.ion-touched.ion-invalid) {
   --border-color: var(--highlight-color);
 }
 
diff --git a/core/src/components/select/select.md.solid.scss b/core/src/components/select/select.md.solid.scss
index 9af5003b60..5ec38491a2 100644
--- a/core/src/components/select/select.md.solid.scss
+++ b/core/src/components/select/select.md.solid.scss
@@ -25,8 +25,8 @@
  * If the select has a validity state, the
  * border should reflect that as a color.
  */
-:host(.select-fill-solid.ion-touched.ion-valid) .select-wrapper,
-:host(.select-fill-solid.ion-touched.ion-invalid) .select-wrapper {
+:host(.select-fill-solid.ion-touched.ion-valid),
+:host(.select-fill-solid.ion-touched.ion-invalid) {
   --border-color: var(--highlight-color);
 }
 
diff --git a/core/src/components/textarea/textarea.md.solid.scss b/core/src/components/textarea/textarea.md.solid.scss
index 40e2452d5c..046cdc233e 100644
--- a/core/src/components/textarea/textarea.md.solid.scss
+++ b/core/src/components/textarea/textarea.md.solid.scss
@@ -25,8 +25,8 @@
  * If the textarea has a validity state, the
  * border should reflect that as a color.
  */
-:host(.textarea-fill-solid.ion-touched.ion-valid) .textarea-wrapper,
-:host(.textarea-fill-solid.ion-touched.ion-invalid) .textarea-wrapper {
+:host(.textarea-fill-solid.ion-touched.ion-valid),
+:host(.textarea-fill-solid.ion-touched.ion-invalid) {
   --border-color: var(--highlight-color);
 }
 
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index 5681b486ee..fd3c0ad9cb 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -366,8 +366,8 @@
  * If the textarea has a validity state, the
  * border and label should reflect that as a color.
  */
-:host(.ion-touched.ion-valid) .textarea-bottom,
-:host(.ion-touched.ion-invalid) .textarea-bottom {
+:host(.ion-touched.ion-valid),
+:host(.ion-touched.ion-invalid) {
   --border-color: var(--highlight-color);
 }