diff --git a/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs-dark.png b/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs-dark.png
index 9ede052..18bbc61 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs-dark.png and b/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs-dark.png differ
diff --git a/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs.png b/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs.png
index 92761dd..3261274 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs.png and b/demo/e2e/screenshot.spec.ts-snapshots/breadcrumbs.png differ
diff --git a/demo/e2e/screenshot.spec.ts-snapshots/chip.png b/demo/e2e/screenshot.spec.ts-snapshots/chip.png
index 9760d39..96f28fc 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/chip.png and b/demo/e2e/screenshot.spec.ts-snapshots/chip.png differ
diff --git a/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers-dark.png b/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers-dark.png
index 3275f57..b9ee696 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers-dark.png and b/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers-dark.png differ
diff --git a/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers.png b/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers.png
index 314b877..c0991ff 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers.png and b/demo/e2e/screenshot.spec.ts-snapshots/date-and-time-pickers.png differ
diff --git a/demo/e2e/screenshot.spec.ts-snapshots/select-modal-dark.png b/demo/e2e/screenshot.spec.ts-snapshots/select-modal-dark.png
index 0d9bfa1..507925a 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/select-modal-dark.png and b/demo/e2e/screenshot.spec.ts-snapshots/select-modal-dark.png differ
diff --git a/demo/e2e/screenshot.spec.ts-snapshots/select-modal.png b/demo/e2e/screenshot.spec.ts-snapshots/select-modal.png
index 1d57b52..8a7effb 100644
Binary files a/demo/e2e/screenshot.spec.ts-snapshots/select-modal.png and b/demo/e2e/screenshot.spec.ts-snapshots/select-modal.png differ
diff --git a/src/styles/components/ion-range.scss b/src/styles/components/ion-range.scss
index 96e3b84..e970810 100644
--- a/src/styles/components/ion-range.scss
+++ b/src/styles/components/ion-range.scss
@@ -23,6 +23,11 @@ ion-range.md:not(.md3-disabled) {
       content: none;
     }
   }
+
+  &:not(.range-value-min):not(.range-value-max)::part(knob) {
+    outline: 6px solid var(--ion-background-color, #ffffff);
+  }
+
   &.ion-color::part(knob) {
     background: var(--ion-color-base, var(--ion-color-primary));
   }
@@ -41,6 +46,24 @@ ion-range.md:not(.md3-disabled) {
     margin-right: 6px;
   }
 
+  &.range-value-min {
+    &::part(bar) {
+      border-top-left-radius: calc(var(--knob-border-radius) / 2);
+      border-bottom-left-radius: calc(var(--knob-border-radius) / 2);
+      width: calc(100% - 6px);
+      right: 0;
+    }
+  }
+
+  &.range-value-max {
+    &::part(bar) {
+      border-top-right-radius: calc(var(--knob-border-radius) / 2);
+      border-bottom-right-radius: calc(var(--knob-border-radius) / 2);
+      width: calc(100% - 6px);
+      left: 0;
+    }
+  }
+
   &[dual-knobs]::part(bar-active) {
     border-radius: calc(var(--knob-border-radius) / 2);
     margin-left: 6px;