diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index 262a4ce63c..3a1acbf3b6 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -53,10 +53,15 @@
   },
   "peerDependencies": {
     "@telekom/scale-components": ">=3.0.0-beta.159",
-    "@types/react-dom": "^18.3.1",
+    "@types/react-dom": "^18.3.1 || ^19.0.0",
     "react": ">=16.13.1",
     "react-dom": ">=16.13.1"
   },
+  "peerDependenciesMeta": {
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
   "jest": {
     "preset": "ts-jest",
     "setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
diff --git a/packages/components/src/components/slider/slider.tsx b/packages/components/src/components/slider/slider.tsx
index b0e69f5ed8..857d335a29 100644
--- a/packages/components/src/components/slider/slider.tsx
+++ b/packages/components/src/components/slider/slider.tsx
@@ -197,7 +197,7 @@ export class Slider {
   };
 
   onDragStart = () => {
-    const offsetKey = this.getKeyFor('offsetLeft');
+    const offsetKey = this.getKeyFor('trackOffsetLeft');
     this.dragging = true;
     this[offsetKey] = this.sliderTrack.getBoundingClientRect().left;
   };
@@ -207,7 +207,7 @@ export class Slider {
       return;
     }
     const valueKey = this.getKeyFor('value');
-    const offsetLeftKey = this.getKeyFor('offsetLeft');
+    const offsetLeftKey = this.getKeyFor('trackOffsetLeft');
     const offsetLeft = this[offsetLeftKey];
 
     const currentX = this.handleTouchEvent(event).clientX;
@@ -270,7 +270,7 @@ export class Slider {
    * @returns {string} The prop name with the range suffix if needed
    */
   getKeyFor = (
-    propName: 'value' | 'offsetLeft' | 'position',
+    propName: 'value' | 'trackOffsetLeft' | 'position',
     thumb?: string
   ) => {
     if (this.range) {