diff --git a/src/components/DateRange/index.js b/src/components/DateRange/index.js
index 3c963ecd2..8074906ec 100644
--- a/src/components/DateRange/index.js
+++ b/src/components/DateRange/index.js
@@ -120,7 +120,7 @@ class DateRange extends Component {
     }
     const { rangeColors, ranges } = this.props;
     const focusedRange = this.props.focusedRange || this.state.focusedRange;
-    const color = ranges[focusedRange[0]]?.color || rangeColors[focusedRange[0]] || color;
+    const color = ranges[focusedRange[0]]?.color || rangeColors[focusedRange[0]];
     this.setState({ preview: { ...val.range, color } });
   };
   render() {