diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html
index 475369bd..5e9cbf7c 100644
--- a/mopidy_musicbox_webclient/static/index.html
+++ b/mopidy_musicbox_webclient/static/index.html
@@ -532,7 +532,8 @@ <h4>Streams</h4>
         <div class="footerControls" style="padding-left: 10px;">
             <div style="float: left;">
                 <a href="#" onclick="controls.doPrevious(); return false"><span id="btprev" title="Previous"><i class="fa fa-fast-backward"></i></span></a>
-                <a href="#" onclick="controls.doPlay(); return false"><span id="btplayNowPlaying" title="Play"><i class="fa fa-play"></i></span></a>
+                <a href="#" onclick="controls.doPlay(); return false"><span id="btplayNowPlaying" title="Play"><i class="fa fa-play"></i></span></a  
+                <a href="#" onclick="controls.doStop(); return false"><span id="btstop" title="Stop"><i class="fa fa-stop"></i></span></a>
                 <a href="#" onclick="controls.doNext(); return false"><span id="btnext" title="Next"><i class="fa fa-fast-forward"></i></span></a>
             </div>
             <div style="float: right; margin-right: 10px;">
diff --git a/mopidy_musicbox_webclient/static/js/controls.js b/mopidy_musicbox_webclient/static/js/controls.js
index 9bbc726a..99c4d433 100644
--- a/mopidy_musicbox_webclient/static/js/controls.js
+++ b/mopidy_musicbox_webclient/static/js/controls.js
@@ -526,7 +526,12 @@
             }
             controls.setPlayState(!play)
         },
-
+        
+        doStop: function () {
+                toast('Stopping current track...')
+                mopidy.playback.stop()
+        },
+        
         doPrevious: function () {
             toast('Playing previous track...')
             mopidy.playback.previous()