diff --git a/src/components/AudioControls.js b/src/components/AudioControls.js
index dccc4ae..cd9a3c7 100644
--- a/src/components/AudioControls.js
+++ b/src/components/AudioControls.js
@@ -1,4 +1,4 @@
-import { Button, Icon } from "react-materialize";
+import { Button, Icon, Range } from "react-materialize";
 import PropTypes from "prop-types";
 
 /**
@@ -59,8 +59,7 @@ const AudioControls = ({
         </Button>
       )}
       &nbsp;&nbsp;
-      <input 
-        type="range"
+      <Range
         className="brown waves-light range-field"
         min={0}
         max={100}