diff --git a/jam-ui/src/components/client/JKSessionScreen.js b/jam-ui/src/components/client/JKSessionScreen.js
index a1d53294a..70aa3195f 100644
--- a/jam-ui/src/components/client/JKSessionScreen.js
+++ b/jam-ui/src/components/client/JKSessionScreen.js
@@ -189,6 +189,9 @@ const JKSessionScreen = () => {
   // Redux backing track state (modal visibility and data)
   const backingTrackData = useSelector(selectBackingTrackData);
   const showBackingTrackPlayer = Boolean(backingTrackData);
+  
+  console.log('Backing Track Data:', backingTrackData);
+  console.log('mixerHelper.backingTracks:', mixerHelper.backingTracks);
 
   // Stable callback for backing track popup close
   const handleBackingTrackClose = useCallback(() => {
@@ -1102,12 +1105,16 @@ const JKSessionScreen = () => {
           )}
 
           {/* Backing Track Section - Show track when player is open */}
-          {showBackingTrackPlayer && mixerHelper.backingTracks && mixerHelper.backingTracks.length > 0 && (
+          {showBackingTrackPlayer && (
             <>
               <div style={{ borderLeft: '1px solid #ddd', paddingLeft: '1rem' }}></div>
               <div className='backingTrack'>
                 <h5>
-                  Backing Track: {mixerHelper.backingTracks[0].shortFilename || 'Audio File'}
+                  Backing Track: {
+                    mixerHelper.backingTracks && mixerHelper.backingTracks.length > 0
+                      ? (mixerHelper.backingTracks[0].shortFilename || 'Audio File')
+                      : (backingTrackData.backingTrack?.split('/').pop().split('\\').pop() || 'Loading...')
+                  }
                   <a
                     href="#"
                     className="text-muted ml-2"
@@ -1121,11 +1128,17 @@ const JKSessionScreen = () => {
                     <FontAwesomeIcon icon="times" /> Close
                   </a>
                 </h5>
-                <JKSessionBackingTrack
-                  backingTrack={mixerHelper.backingTracks[0]}
-                  mixers={mixerHelper.backingTracks[0].mixers}
-                  onClose={handleBackingTrackMainClose}
-                />
+                {mixerHelper.backingTracks && mixerHelper.backingTracks.length > 0 ? (
+                  <JKSessionBackingTrack
+                    backingTrack={mixerHelper.backingTracks[0]}
+                    mixers={mixerHelper.backingTracks[0].mixers}
+                    onClose={handleBackingTrackMainClose}
+                  />
+                ) : (
+                  <div style={{ textAlign: 'center', padding: '20px', color: '#6c757d' }}>
+                    Loading backing track controls...
+                  </div>
+                )}
               </div>
             </>
           )}