diff --git a/js/db.js b/js/db.js
index 0e2e5e0..3cab4fd 100644
--- a/js/db.js
+++ b/js/db.js
@@ -218,6 +218,7 @@ export class MusicDatabase {
                           vibrantColor: item.album.vibrantColor || null,
                           artist: item.album.artist || null,
                           numberOfTracks: item.album.numberOfTracks || null,
+                          mediaMetadata: item.album.mediaMetadata ? { tags: item.album.mediaMetadata.tags } : null,
                       }
                     : null,
                 copyright: item.copyright || null,
@@ -232,6 +233,8 @@ export class MusicDatabase {
                 isTracker: item.isTracker || (item.id && String(item.id).startsWith('tracker-')),
                 audioUrl: item.remoteUrl || item.audioUrl || null,
                 remoteUrl: item.remoteUrl || null,
+                audioQuality: item.audioQuality || null,
+                mediaMetadata: item.mediaMetadata ? { tags: item.mediaMetadata.tags } : null,
             };
         }
 
diff --git a/js/ui-interactions.js b/js/ui-interactions.js
index 3c4c10c..5d43030 100644
--- a/js/ui-interactions.js
+++ b/js/ui-interactions.js
@@ -8,6 +8,7 @@ import {
     getTrackTitle,
     getTrackArtists,
     escapeHtml,
+    createQualityBadgeHTML,
 } from './utils.js';
 import { sidePanelManager } from './side-panel.js';
 import { downloadQualitySettings } from './storage.js';
@@ -251,6 +252,7 @@ export function initializeUIInteractions(player, api, ui) {
                 const isPlaying = index === player.currentQueueIndex;
                 const trackTitle = getTrackTitle(track);
                 const trackArtists = getTrackArtists(track, { fallback: 'Unknown' });
+                const qualityBadge = createQualityBadgeHTML(track);
 
                 return `
                 <div class="queue-track-item ${isPlaying ? 'playing' : ''}" data-queue-index="${index}" data-track-id="${track.id}" draggable="true">
@@ -264,7 +266,7 @@ export function initializeUIInteractions(player, api, ui) {
                         <img src="${api.getCoverUrl(track.album?.cover)}"
                              class="track-item-cover" loading="lazy">
                         <div class="track-item-details">
-                            <div class="title">${escapeHtml(trackTitle)}</div>
+                            <div class="title">${escapeHtml(trackTitle)} ${qualityBadge}</div>
                             <div class="artist">${escapeHtml(trackArtists)}</div>
                         </div>
                     </div>