diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png
index e763e7982e..9c1ae2ef4a 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png
index 12df8381eb..0becf58521 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png
index 73e2c433c0..8c1740ccb7 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png
index 5fb50e7906..ccc750abd2 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png
index 01ca0b8f1b..f7237ec2ce 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png
index 9e163411c1..291c55995b 100644
Binary files a/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/disabled/item.e2e.ts-snapshots/item-disabled-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png
index 0c356c58a9..cc2f0b510e 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png
index 383a62a77a..78137c1031 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png
index 2b5bde4f74..16aad76c5b 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png
index a71a61dfb3..04a9aa54cb 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png
index ef9758bd72..7190b58088 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png
index e73ba90af3..29da603149 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png
index 66fae209ca..141532a579 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png
index 1c706c5059..8f8d0bea88 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png
index 74392986bf..83a37bd679 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png
index 53eaa11b7a..e0bb9918d5 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png
index fae9ed265e..089de1baac 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png
index a7ad4ef927..4c7b45088d 100644
Binary files a/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png and b/core/src/components/item/test/slotted-inputs/item.e2e.ts-snapshots/item-slotted-inputs-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/range.ios.scss b/core/src/components/range/range.ios.scss
index 2b8e5ceb1d..84d5e34fab 100644
--- a/core/src/components/range/range.ios.scss
+++ b/core/src/components/range/range.ios.scss
@@ -21,6 +21,14 @@
   @include padding($range-ios-padding-vertical, $range-ios-padding-horizontal);
 }
 
+:host(.range-item-start-adjustment) {
+  @include padding(null, null, null, $range-ios-item-padding-horizontal);
+}
+
+:host(.range-item-end-adjustment) {
+  @include padding(null, $range-ios-item-padding-horizontal, null, null);
+}
+
 :host(.ion-color) .range-bar-active,
 :host(.ion-color) .range-tick-active {
   background: current-color(base);
diff --git a/core/src/components/range/range.ios.vars.scss b/core/src/components/range/range.ios.vars.scss
index 1fba3f3c93..e9f054cf53 100644
--- a/core/src/components/range/range.ios.vars.scss
+++ b/core/src/components/range/range.ios.vars.scss
@@ -7,8 +7,16 @@
 $range-ios-padding-vertical: 8px !default;
 
 /// @prop - Padding start/end of the range
+// TODO FW-2997 Remove this
 $range-ios-padding-horizontal: 16px !default;
 
+/// @prop - Padding start/end of the range - modern syntax
+/**
+ * 24px was chosen so the knob and its
+ * shadow do not get cut off by the item.
+ */
+$range-ios-item-padding-horizontal: 24px !default;
+
 /// @prop - Height of the range slider
 $range-ios-slider-height: 42px !default;
 
diff --git a/core/src/components/range/range.md.scss b/core/src/components/range/range.md.scss
index b5b534527a..8aba8effe5 100644
--- a/core/src/components/range/range.md.scss
+++ b/core/src/components/range/range.md.scss
@@ -30,6 +30,14 @@
   @include padding($range-md-padding-vertical, $range-md-padding-horizontal);
 }
 
+:host(.range-item-start-adjustment) {
+  @include padding(null, null, null, $range-md-item-padding-horizontal);
+}
+
+:host(.range-item-end-adjustment) {
+  @include padding(null, $range-md-item-padding-horizontal, null, null);
+}
+
 :host(.ion-color) .range-bar {
   background: current-color(base, 0.26);
 }
diff --git a/core/src/components/range/range.md.vars.scss b/core/src/components/range/range.md.vars.scss
index ef26283c37..6068b8a528 100644
--- a/core/src/components/range/range.md.vars.scss
+++ b/core/src/components/range/range.md.vars.scss
@@ -7,8 +7,16 @@
 $range-md-padding-vertical:                  8px !default;
 
 /// @prop - Padding start/end of the range
+// TODO FW-2997 Remove this
 $range-md-padding-horizontal:                14px !default;
 
+/// @prop - Padding start/end of the range - modern range
+/**
+ * 18px was chosen so the knob and its focus/active
+ * effects do not get cut off by the item.
+ */
+$range-md-item-padding-horizontal: 18px !default;
+
 /// @prop - Height of the range slider
 $range-md-slider-height:                     42px !default;
 
diff --git a/core/src/components/range/range.tsx b/core/src/components/range/range.tsx
index 2a6f0e7626..bc51d322a4 100644
--- a/core/src/components/range/range.tsx
+++ b/core/src/components/range/range.tsx
@@ -610,8 +610,41 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
     );
   }
 
+  /**
+   * Returns true if content was passed to the "start" slot
+   */
+  private get hasStartSlotContent() {
+    return this.el.querySelector('[slot="start"]') !== null;
+  }
+
+  /**
+   * Returns true if content was passed to the "end" slot
+   */
+  private get hasEndSlotContent() {
+    return this.el.querySelector('[slot="end"]') !== null;
+  }
+
   private renderRange() {
-    const { disabled, el, rangeId, pin, pressedKnob, labelPlacement, label } = this;
+    const { disabled, el, hasLabel, rangeId, pin, pressedKnob, labelPlacement, label } = this;
+
+    const inItem = hostContext('ion-item', el);
+
+    /**
+     * If there is no start content then the knob at
+     * the min value will be cut off by the item margin.
+     */
+    const hasStartContent =
+      (hasLabel && (labelPlacement === 'start' || labelPlacement === 'fixed')) || this.hasStartSlotContent;
+
+    const needsStartAdjustment = inItem && !hasStartContent;
+
+    /**
+     * If there is no end content then the knob at
+     * the max value will be cut off by the item margin.
+     */
+    const hasEndContent = (hasLabel && labelPlacement === 'end') || this.hasEndSlotContent;
+
+    const needsEndAdjustment = inItem && !hasEndContent;
 
     const mode = getIonMode(this);
 
@@ -624,18 +657,20 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
         id={rangeId}
         class={createColorClasses(this.color, {
           [mode]: true,
-          'in-item': hostContext('ion-item', el),
+          'in-item': inItem,
           'range-disabled': disabled,
           'range-pressed': pressedKnob !== undefined,
           'range-has-pin': pin,
           [`range-label-placement-${labelPlacement}`]: true,
+          'range-item-start-adjustment': needsStartAdjustment,
+          'range-item-end-adjustment': needsEndAdjustment,
         })}
       >
         <label class="range-wrapper" id="range-label">
           <div
             class={{
               'label-text-wrapper': true,
-              'label-text-wrapper-hidden': !this.hasLabel,
+              'label-text-wrapper-hidden': !hasLabel,
             }}
           >
             {label !== undefined ? <div class="label-text">{label}</div> : <slot name="label"></slot>}
diff --git a/core/src/components/range/test/item/range.e2e.ts b/core/src/components/range/test/item/range.e2e.ts
index 26e17b12e5..ececb0a203 100644
--- a/core/src/components/range/test/item/range.e2e.ts
+++ b/core/src/components/range/test/item/range.e2e.ts
@@ -31,6 +31,20 @@ configs().forEach(({ title, screenshot, config }) => {
       const list = page.locator('ion-list');
       await expect(list).toHaveScreenshot(screenshot(`range-inset-list`));
     });
+    test('should render adjustments in item', async ({ page }) => {
+      await page.setContent(
+        `
+        <ion-list inset="true">
+          <ion-item>
+            <ion-range value="0" aria-label="true"></ion-range>
+          </ion-item>
+        </ion-list>
+      `,
+        config
+      );
+      const list = page.locator('ion-list');
+      await expect(list).toHaveScreenshot(screenshot(`range-adjustments`));
+    });
   });
 });
 
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..7cab7ad02d
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..1ce46eca14
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..62e8996c78
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..a221835d5a
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..dfc0038e1f
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..2f826f5605
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..52f68921c3
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..22207fe443
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..b4513daaeb
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..e8787496a8
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..a7359af40a
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..21f41e931e
Binary files /dev/null and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-adjustments-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Chrome-linux.png
index 48734a3184..3e8e70806d 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Firefox-linux.png
index 663ea93cf4..165675c3af 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Safari-linux.png
index 0252cf8a35..aa03ea3e39 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Chrome-linux.png
index f882a1bbd1..fe46b164f6 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Firefox-linux.png
index 701ed403f7..930d7cd210 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Safari-linux.png
index 56f3ad92e2..f4782adf76 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-inset-list-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Chrome-linux.png
index 732dd3b1df..b1140fbb80 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Firefox-linux.png
index 1297f1b8c3..2e25118922 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Safari-linux.png
index 148c1ca91c..3abde6567b 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Chrome-linux.png
index 169ffa6d8a..fc34285ff0 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Firefox-linux.png
index b331101b43..4b584dd261 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Safari-linux.png
index 72df2097c3..7e9f9869f7 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-item-color-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Chrome-linux.png
index 0e20addc3f..083b185b9e 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Firefox-linux.png
index e1bb32e405..77b6eab695 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Safari-linux.png
index 0de6b924b0..975f758d71 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Chrome-linux.png
index e4d7875546..2416786cd2 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Firefox-linux.png
index 03533d3fb5..70894c562c 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Safari-linux.png
index 52028ee61e..c62652894a 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-list-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png
index a9a19252ba..b635737195 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png
index 5de09ca8c6..1e7a94d16d 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png
index 06c5dbe276..f18047aabf 100644
Binary files a/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png and b/core/src/components/range/test/item/range.e2e.ts-snapshots/range-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/range/test/range.spec.ts b/core/src/components/range/test/range.spec.ts
index 2898675c89..255914dbc7 100644
--- a/core/src/components/range/test/range.spec.ts
+++ b/core/src/components/range/test/range.spec.ts
@@ -1,5 +1,6 @@
 import { newSpecPage } from '@stencil/core/testing';
 import { Range } from '../range';
+import { Item } from '../../item/item';
 
 let sharedRange;
 describe('Range', () => {
@@ -76,3 +77,152 @@ describe('range id', () => {
     expect(range.getAttribute('id')).toBe('my-custom-range');
   });
 });
+
+describe('range: item adjustments', () => {
+  it('should add start and end adjustment with no content', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-item>
+          <ion-range aria-label="Range"></ion-range>
+        </ion-item>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(true);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(true);
+  });
+
+  it('should add start adjustment with end label and no adornments', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-item>
+          <ion-range label="Range" label-placement="end"></ion-range>
+        </ion-item>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(true);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(false);
+  });
+
+  it('should add end adjustment with start label and no adornments', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-item>
+          <ion-range label="Range" label-placement="start"></ion-range>
+        </ion-item>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(false);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(true);
+  });
+
+  it('should add end adjustment with fixed label and no adornments', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-item>
+          <ion-range label="Range" label-placement="fixed"></ion-range>
+        </ion-item>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(false);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(true);
+  });
+
+  it('should add start adjustment with floating label', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-item>
+          <ion-range label="Range" label-placement="floating"></ion-range>
+        </ion-item>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(true);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(true);
+  });
+
+  it('should add start adjustment with stacked label', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-item>
+          <ion-range label="Range" label-placement="stacked"></ion-range>
+        </ion-item>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(true);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(true);
+  });
+
+  it('should not add adjustment when not in an item', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-range label="Range" label-placement="stacked"></ion-range>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(false);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(false);
+  });
+
+  // TODO FW-2997 remove this
+  it('should not add adjustment with legacy syntax', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-range legacy="true"></ion-range>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(false);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(false);
+  });
+
+  it('should not add start adjustment when with start adornment', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-range label="Range" label-placement="end">
+          <div slot="start">Start Content</div>
+        </ion-range>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(false);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(false);
+  });
+
+  it('should not add end adjustment when with end adornment', async () => {
+    const page = await newSpecPage({
+      components: [Item, Range],
+      html: `
+        <ion-range label="Range" label-placement="start">
+          <div slot="end">Start Content</div>
+        </ion-range>
+      `,
+    });
+
+    const range = page.body.querySelector('ion-range');
+    expect(range.classList.contains('range-item-start-adjustment')).toBe(false);
+    expect(range.classList.contains('range-item-end-adjustment')).toBe(false);
+  });
+});