diff --git a/htdocs/css/mpd.css b/htdocs/css/mpd.css
index fcacf18..8cc7693 100644
--- a/htdocs/css/mpd.css
+++ b/htdocs/css/mpd.css
@@ -92,9 +92,9 @@ tbody {
   font-weight: 400;
   src: url(/assets/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
-       local('MaterialIcons-Regular'),
-       url(/assets/MaterialIcons-Regular.woff2) format('woff2');
-  src: url(/assets/MaterialIcons-Regular.woff) format('woff'),
+       local('MaterialIcons-Regular');
+  src: url(/assets/MaterialIcons-Regular.woff2) format('woff2'),
+       url(/assets/MaterialIcons-Regular.woff) format('woff'),
        url(/assets/MaterialIcons-Regular.ttf) format('truetype');
 }
 
diff --git a/htdocs/index.html b/htdocs/index.html
index bbcdb11..bc741c8 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -41,6 +41,9 @@
             <button id="btnPrev" type="button" class="btn btn-secondary" onclick="socket.send('MPD_API_SET_PREV');">
               <span class="material-icons">skip_previous</span>
             </button>
+            <button id="btnStop" type="button" class="btn btn-secondary" onclick="clickStop();">
+              <span class="material-icons">stop</span>
+            </button>
             <button id="btnPlay" type="button" class="btn btn-secondary" onclick="clickPlay();">
               <span class="material-icons">pause</span>
             </button>
diff --git a/htdocs/js/mpd.js b/htdocs/js/mpd.js
index 9a24ca9..e659b88 100644
--- a/htdocs/js/mpd.js
+++ b/htdocs/js/mpd.js
@@ -968,6 +968,10 @@ function clickPlay() {
         socket.send('MPD_API_SET_PAUSE');
 }
 
+function clickStop() {
+    socket.send('MPD_API_SET_STOP');
+}
+
 function setLocalStream(mpdhost,streamport) {
     var mpdstream = 'http://';
     if ( mpdhost == '127.0.0.1' || mpdhost == 'localhost')