diff --git a/resources/cider-ui-tests/index.js b/resources/cider-ui-tests/index.js
index 6567bd99..7936cb3f 100644
--- a/resources/cider-ui-tests/index.js
+++ b/resources/cider-ui-tests/index.js
@@ -361,6 +361,10 @@ const app = new Vue({
             }
             document.querySelector("#app-content").scrollTop = 0
         },
+        async getNowPlayingItemDetailed(target){
+            let u  = await app.mkapi(app.mk.nowPlayingItem.playParams.kind, (app.mk.nowPlayingItem.songId == -1)  , (app.mk.nowPlayingItem.songId != -1) ? app.mk.nowPlayingItem.songId : app.mk.nowPlayingItem.id, {"include[songs]":"albums,artists"} );
+            app.searchAndNavigate(u,target)
+        },
         async searchAndNavigate(item,target){
             app.tmpVar = item;
             switch(target){
@@ -1483,8 +1487,6 @@ document.addEventListener('musickitloaded', function () {
     const request = new XMLHttpRequest();
     request.addEventListener("load", initMusicKit);
     request.open("GET", "https://api.cider.sh/");
-    request.timeout = 1000;
-    
     request.send();    
 });
 
diff --git a/resources/cider-ui-tests/views/main.ejs b/resources/cider-ui-tests/views/main.ejs
index 9b313cc3..6d52aaaf 100644
--- a/resources/cider-ui-tests/views/main.ejs
+++ b/resources/cider-ui-tests/views/main.ejs
@@ -64,13 +64,18 @@
                         <div class="app-playback-controls">
                             <div class="artwork"></div>
                             <div class="playback-info">
-                                <div class="song-name">
+                                <div class="song-name"  >
                                     {{ mk.nowPlayingItem["attributes"]["name"] }}
                                 </div>
-                                <div class="song-artist">
-                                    {{ mk.nowPlayingItem["attributes"]["artistName"] }} - {{
-                                    mk.nowPlayingItem["attributes"]["albumName"] }}
+                                <div class="song-artist text-overflow-elipsis" style="display: inline-block;-webkit-box-orient: horizontal;">
+                                    <div class="item-navigate text-overflow-elipsis"  style="display: inline-block;" @click="app.getNowPlayingItemDetailed(`artist`)">
+                                    {{ mk.nowPlayingItem["attributes"]["artistName"] }} - 
+                                    </div>
+                                    <div class="song-artist item-navigate text-overflow-elipsis" style="display: inline-block;" @click="app.getNowPlayingItemDetailed('album')">
+                                       {{ mk.nowPlayingItem["attributes"]["albumName"] }}
+                                    </div>
                                 </div>
+                                
                                 <div class="song-progress">
                                     <input type="range" step="0.01" min="0" :style="progressBarStyle()"
                                            @input="playerLCD.desiredDuration = $event.target.value;playerLCD.userInteraction = true"