diff --git a/webapp/assets/js/mstream.player.js b/webapp/assets/js/mstream.player.js
index 13095df..f3deb75 100644
--- a/webapp/assets/js/mstream.player.js
+++ b/webapp/assets/js/mstream.player.js
@@ -485,7 +485,8 @@ const MSTREAMPLAYER = (() => {
     mstreamModule.playerStats.metadata.year = curSong.metadata && curSong.metadata.year ? curSong.metadata.year : "";
     mstreamModule.playerStats.metadata['album-art'] = curSong.metadata && curSong.metadata['album-art'] ? curSong.metadata['album-art'] : "";
     mstreamModule.playerStats.metadata['replaygain-track-db'] = curSong.metadata && curSong.metadata['replaygain-track-db'] ? curSong.metadata['replaygain-track-db'] : "";
-    
+    mstreamModule.playerStats.metadata.filepath = curSong.rawFilePath;
+
     if ('mediaSession' in navigator) {
       navigator.mediaSession.metadata = new MediaMetadata({
         title: mstreamModule.playerStats.metadata.title,
diff --git a/webapp/index.html b/webapp/index.html
index 2647225..0c0518b 100644
--- a/webapp/index.html
+++ b/webapp/index.html
@@ -361,7 +361,7 @@
           <div class="card-content">
             <p>
               <b>Title:</b>
-              {{ (meta.title) ? meta.title : '' }}
+              {{ (meta.title) ? meta.title : (meta.filepath ? meta.filepath.split('/').pop() : '')  }}
             </p>
             <p>
               <b>Artist:</b>
@@ -484,7 +484,7 @@
               <div class="card-meta">
                 <p>
                   <b>Title:</b>
-                  {{ (meta.title) ? meta.title : '' }}
+                  {{ (meta.title) ? meta.title : (meta.filepath ? meta.filepath.split('/').pop() : '')  }}
                 </p>
                 <p>
                   <b>Artist:</b>