diff --git a/web-src/src/components/ModalDialogQueueItem.vue b/web-src/src/components/ModalDialogQueueItem.vue
index 3c43f67b..53880656 100644
--- a/web-src/src/components/ModalDialogQueueItem.vue
+++ b/web-src/src/components/ModalDialogQueueItem.vue
@@ -21,6 +21,10 @@
                   <span class="heading">Album artist</span>
                   <span class="title is-6">{{ item.album_artist }}</span>
                 </p>
+                <p v-if="item.composer">
+                  <span class="heading">Composer</span>
+                  <span class="title is-6">{{ item.composer }}</span>
+                </p>
                 <p v-if="item.year > 0">
                   <span class="heading">Year</span>
                   <span class="title is-6">{{ item.year }}</span>
diff --git a/web-src/src/components/ModalDialogTrack.vue b/web-src/src/components/ModalDialogTrack.vue
index 47e197a2..ed2bcf1e 100644
--- a/web-src/src/components/ModalDialogTrack.vue
+++ b/web-src/src/components/ModalDialogTrack.vue
@@ -21,6 +21,10 @@
                   <span class="heading">Album artist</span>
                   <a class="title is-6 has-text-link" @click="open_artist">{{ track.album_artist }}</a>
                 </p>
+                <p v-if="track.composer">
+                  <span class="heading">Composer</span>
+                  <span class="title is-6">{{ track.composer }}</span>
+                </p>
                 <p v-if="track.date_released">
                   <span class="heading">Release date</span>
                   <span class="title is-6">{{ track.date_released | time('L')}}</span>