diff --git a/examples/marks.js b/examples/marks.js
index 68ba753b1..1d5d679bc 100644
--- a/examples/marks.js
+++ b/examples/marks.js
@@ -11,6 +11,12 @@ const marks = {
   26: '26°C',
   37: '37°C',
   50: '50°C',
+  85: {
+    data: {
+      id: 'custom_id_01234',
+    },
+    label: '85°C',
+  },
   100: {
     style: {
       color: 'red',
diff --git a/src/common/Marks.jsx b/src/common/Marks.jsx
index b404fdaba..951da6260 100644
--- a/src/common/Marks.jsx
+++ b/src/common/Marks.jsx
@@ -46,14 +46,17 @@ const Marks = ({
     const style = vertical ? bottomStyle : leftStyle;
     const markStyle = markPointIsObject ?
             { ...style, ...markPoint.style } : style;
+
+    const markProps = markPointIsObject ?
+      {
+        className: markClassName,
+        style: markStyle,
+        key: point,
+        ...markPoint.resetProps,
+      } : null;
+
     return (
-      <span
-        className={markClassName}
-        style={markStyle}
-        key={point}
-      >
-        {markLabel}
-      </span>
+      <span {...markProps}>{markLabel}</span>
     );
   });
 
diff --git a/src/createSliderWithTooltip.jsx b/src/createSliderWithTooltip.jsx
index e0d90c53f..8d0fa239c 100644
--- a/src/createSliderWithTooltip.jsx
+++ b/src/createSliderWithTooltip.jsx
@@ -43,10 +43,10 @@ export default function createSliderWithTooltip(Component) {
         visible = visible || false,
         ...restTooltipProps,
       } = tipProps;
-      
+
       let handleStyleWithIndex = handleStyle[0];
       if (handleStyle[index]) {
-          handleStyleWithIndex = handleStyle[index];
+        handleStyleWithIndex = handleStyle[index];
       }
 
       return (