From 613a2ae2135beeeb07f80304872ecb71583e0535 Mon Sep 17 00:00:00 2001
From: Andrey Kalinichenko <andrey.kalinichenko@goeuro.com>
Date: Tue, 2 Feb 2016 11:35:10 +0100
Subject: [PATCH] put marks in correct order so one can style it

---
 src/Marks.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Marks.jsx b/src/Marks.jsx
index 79cfff6..64de7f5 100644
--- a/src/Marks.jsx
+++ b/src/Marks.jsx
@@ -8,7 +8,7 @@ const Marks = ({className, marks, included, upperBound, lowerBound, max, min}) =
   const markWidth = unit * 0.9;
 
   const range = max - min;
-  const elements = marksKeys.map(parseFloat).map((point) => {
+  const elements = marksKeys.map(parseFloat).sort((a, b) => a - b).map((point) => {
     const isActived = (!included && point === upperBound) ||
             (included && point <= upperBound && point >= lowerBound);
     const markClassName = classNames({