diff --git a/src/Marks.jsx b/src/Marks.jsx
index f4eaf49..834e5bf 100644
--- a/src/Marks.jsx
+++ b/src/Marks.jsx
@@ -5,7 +5,7 @@ const Marks = ({className, marks, included, upperBound, lowerBound, max, min}) =
   const marksKeys = Object.keys(marks);
   const marksCount = marksKeys.length;
   const unit = 100 / (marksCount - 1);
-  const markWidth = unit / 2 + '%';
+  const markWidth = unit * 0.9;
 
   const range = max - min;
   const elements = marksKeys.map(parseFloat).map((point) => {
@@ -16,8 +16,8 @@ const Marks = ({className, marks, included, upperBound, lowerBound, max, min}) =
       [className + '-text-active']: isActived,
     });
 
-    const style = { width: markWidth };
-    style.left = (point - min) / range * 100 - unit / 4 + '%';
+    const style = { width: markWidth + '%' };
+    style.left = (point - min) / range * 100 - markWidth / 2 + '%';
 
     return (<span className={markClassName} style={style} key={point}>
              {marks[point]}