diff --git a/static/js/dss/apps/nowplaying/views/nowPlayingView.coffee b/static/js/dss/apps/nowplaying/views/nowPlayingView.coffee
index 2776bdf..744b978 100644
--- a/static/js/dss/apps/nowplaying/views/nowPlayingView.coffee
+++ b/static/js/dss/apps/nowplaying/views/nowPlayingView.coffee
@@ -3,6 +3,7 @@
         className: "now-playing"
 
         events: {
+            "click #now-playing-wrapper": "openMix",
             "click #now-playing-play": "doPlay",
             "click #now-playing-pause": "doPause"
         }
@@ -24,6 +25,9 @@
             @mixPlay()
             true
 
+        openMix: ->
+            App.Router.navigate(@model.get("item_url"), true)
+
         mixPause: (model) ->
             console.log "NowPlayingView: mixPause"
             $('#now-playing-play', @el).show()
diff --git a/static/js/dss/templates/nowplaying.jst b/static/js/dss/templates/nowplaying.jst
index 4099afa..97584c1 100644
--- a/static/js/dss/templates/nowplaying.jst
+++ b/static/js/dss/templates/nowplaying.jst
@@ -1,4 +1,4 @@
-<div class="profile-activity clearfix">
+<div class="profile-activity clearfix" id="now-playing-wrapper">
     <div>
         <img class="pull-left" alt="Alex Doe's avatar" src="<%= mix_image %>">
         <a class="user" href="#"><%= user_name %></a>