diff --git a/dist/main.js b/dist/main.js
index 9dda435..ea68e66 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -286,6 +286,9 @@ function StepZilla(props) {
 
 
   var renderSteps = function renderSteps() {
+    var pointerEventsNone = {
+      pointerEvents: 'none'
+    };
     return props.steps.map(function (s, i) {
       return _react.default.createElement("li", {
         className: getClassName('progtrckr', i),
@@ -294,7 +297,11 @@ function StepZilla(props) {
         },
         key: i,
         value: i
-      }, _react.default.createElement("em", null, i + 1), _react.default.createElement("span", null, props.steps[i].name));
+      }, _react.default.createElement("em", {
+        style: pointerEventsNone
+      }, i + 1), _react.default.createElement("span", {
+        style: pointerEventsNone
+      }, props.steps[i].name));
     });
   };
 
diff --git a/src/main.js b/src/main.js
index a0804ed..f561b96 100644
--- a/src/main.js
+++ b/src/main.js
@@ -261,10 +261,11 @@ export default function StepZilla(props) {
 
   // render the steps as stepsNavigation
   const renderSteps = () => {
+    const pointerEventsNone = { pointerEvents: 'none' };
     return props.steps.map((s, i) => (
       <li className={getClassName('progtrckr', i)} onClick={(evt) => { jumpToStep(evt); }} key={i} value={i}>
-          <em>{i + 1}</em>
-          <span>{props.steps[i].name}</span>
+          <em style={pointerEventsNone}>{i + 1}</em>
+          <span style={pointerEventsNone}>{props.steps[i].name}</span>
       </li>
     ));
   };