diff --git a/core/src/components/input/input.tsx b/core/src/components/input/input.tsx
index 1c3f48f05c..ff65bd5fa6 100644
--- a/core/src/components/input/input.tsx
+++ b/core/src/components/input/input.tsx
@@ -640,7 +640,8 @@ export class Input implements ComponentInterface {
     const { disabled, fill, readonly, shape, inputId, labelPlacement } = this;
     const mode = getIonStylesheet(this);
     const value = this.getValue();
-    const shouldRenderHighlight = mode === 'md' && fill !== 'outline';
+    const inItem = hostContext('ion-item', this.el);
+    const shouldRenderHighlight = mode === 'md' && fill !== 'outline' && !inItem;
 
     return (
       <Host
@@ -652,7 +653,7 @@ export class Input implements ComponentInterface {
           [`input-fill-${fill}`]: fill !== undefined,
           [`input-shape-${shape}`]: shape !== undefined,
           [`input-label-placement-${labelPlacement}`]: true,
-          'in-item': hostContext('ion-item', this.el),
+          'in-item': inItem,
           'in-item-color': hostContext('ion-item.ion-color', this.el),
         })}
       >
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 9aadf2ac00..e723abbedd 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -730,14 +730,15 @@ export class Select implements ComponentInterface {
     const hasFloatingOrStackedLabel = labelPlacement === 'floating' || labelPlacement === 'stacked';
     const justifyEnabled = !hasFloatingOrStackedLabel;
     const rtl = isRTL(el) ? 'rtl' : 'ltr';
-    const shouldRenderHighlight = mode === 'md' && fill !== 'outline';
+    const inItem = hostContext('ion-item', this.el);
+    const shouldRenderHighlight = mode === 'md' && fill !== 'outline' && !inItem;
 
     return (
       <Host
         onClick={this.onClick}
         class={createColorClasses(this.color, {
           [mode]: true,
-          'in-item': hostContext('ion-item', el),
+          'in-item': inItem,
           'select-disabled': disabled,
           'select-expanded': isExpanded,
           'has-value': this.hasValue(),
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png
index b3c03e69a4..d800c5f155 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png
index a2124d63f0..ecd893af2b 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png
index d40f79730b..ff7c667bc1 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png
index 74e55e62c6..ecf7f5da43 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png
index 20cbbc28a7..1476668a30 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png
index eca333d007..f9ca2971d9 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-alert-diff-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png
index a4b71a191c..c613173c85 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png
index f01780981b..8d192989bd 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png
index 8b70e032e1..7db047d281 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png
index de21fc211f..142885360a 100644
Binary files a/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/basic/select.e2e.ts-snapshots/select-popover-diff-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/textarea.tsx b/core/src/components/textarea/textarea.tsx
index a5536649cf..9f63c02a11 100644
--- a/core/src/components/textarea/textarea.tsx
+++ b/core/src/components/textarea/textarea.tsx
@@ -8,7 +8,7 @@ import { createLegacyFormController } from '../../utils/forms';
 import type { Attributes } from '../../utils/helpers';
 import { inheritAriaAttributes, debounceEvent, findItemLabel, inheritAttributes } from '../../utils/helpers';
 import { printIonWarning } from '../../utils/logging';
-import { createColorClasses } from '../../utils/theme';
+import { createColorClasses, hostContext } from '../../utils/theme';
 import { getCounterText } from '../input/input.utils';
 
 /**
@@ -603,7 +603,8 @@ For textareas that do not have a visible label, developers should use "aria-labe
     const { inputId, disabled, fill, shape, labelPlacement } = this;
     const mode = getIonStylesheet(this);
     const value = this.getValue();
-    const shouldRenderHighlight = mode === 'md' && fill !== 'outline';
+    const inItem = hostContext('ion-item', this.el);
+    const shouldRenderHighlight = mode === 'md' && fill !== 'outline' && !inItem;
 
     return (
       <Host