diff --git a/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-1-snap.png b/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-1-snap.png
index e727b04..a13570e 100644
Binary files a/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-1-snap.png and b/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-1-snap.png differ
diff --git a/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-2-snap.png b/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-2-snap.png
new file mode 100644
index 0000000..e727b04
Binary files /dev/null and b/e2e/__image_snapshots__/rtl-test-ts-dnd-the-thumb-to-right-2-snap.png differ
diff --git a/e2e/rtl.test.ts b/e2e/rtl.test.ts
index 32ac0a6..924081e 100644
--- a/e2e/rtl.test.ts
+++ b/e2e/rtl.test.ts
@@ -14,17 +14,18 @@ import {
     await addFontStyles(page);
     await page.evaluate(() => {
       document.dir = 'rtl';
-    })
+    });
   });
   
   test('dnd the thumb to right', async () => {
     await trackMouse(page);
+    expect(await page.screenshot()).toMatchImageSnapshot();
     await page.mouse.move(300, 80);
     await page.mouse.down();
     await page.mouse.move(460, 80);
     await page.mouse.up();
     await untrackMouse(page);
     const output = await page.$('#output');
-    expect(await page.evaluate(e => e.textContent, output)).toBe('20.4');
+    expect(await page.evaluate(e => e.textContent, output)).toBe('60.2');
     expect(await page.screenshot()).toMatchImageSnapshot();
   });
diff --git a/examples/Rtl.tsx b/examples/Rtl.tsx
index c9160c7..0a6a53e 100644
--- a/examples/Rtl.tsx
+++ b/examples/Rtl.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Range, getTrackBackground } from '../src/index';
 
 const STEP = 0.1;
-const MIN = 0;
+const MIN = 50;
 const MAX = 100;
 
 class Basic extends React.Component {
@@ -10,7 +10,7 @@ class Basic extends React.Component {
     values: [50]
   };
   render() {
-    return ( 
+    return (
       <div
         style={{
           display: 'flex',
diff --git a/src/Range.tsx b/src/Range.tsx
index 625f1bb..c73736a 100644
--- a/src/Range.tsx
+++ b/src/Range.tsx
@@ -326,7 +326,7 @@ class Range extends React.Component<IProps> {
     }
     // invert for RTL
     if (rtl) {
-      newValue = max - newValue;
+      newValue = (max+min) - newValue;
     }
     if (Math.abs(values[draggedThumbIndex] - newValue) >= step) {
       onChange(