diff --git a/beesgospel/static/js/main.js b/beesgospel/static/js/main.js
index 032b1a3..d81690d 100644
--- a/beesgospel/static/js/main.js
+++ b/beesgospel/static/js/main.js
@@ -15,6 +15,9 @@ window.addEventListener('DOMContentLoaded', () => {
         const soundModal = document.getElementById('modal_sound');
         soundModal.querySelector("audio").src = ev.target.dataset.path;
         soundModal.querySelector("#download-link").href = ev.target.dataset.path;
+        soundModal.querySelector("#song-title").textContent = (
+            `${ev.target.closest("tr").querySelector(".titre_chant").textContent} - ${ev.target.ariaLabel}`
+        );
         const myModal = new bootstrap.Modal(soundModal);
         myModal.show();
     });
diff --git a/templates/membres/liste_chants.html b/templates/membres/liste_chants.html
index b27553b..a343173 100644
--- a/templates/membres/liste_chants.html
+++ b/templates/membres/liste_chants.html
@@ -8,7 +8,7 @@
             {% if perms.beesgospel.change_chant %}<th scope="col" class="boutons"></th>{% endif %}</tr>
     {% for chant in object_list %}
         <tr class="editable">
-            <td>{{ chant.titre }}</td>
+            <td class="titre_chant">{{ chant.titre }}</td>
             <td>{% for doc in chant.chantdoc_set.all %}
                 {% if doc.fichier_son %}
                     <img src="{{ doc.fichier.path|icon_url }}" title="{{ doc.titre }}" class="icon fichier_son" data-bs-toggle="tooltip" data-path="{{ doc.fichier.url }}">
@@ -49,6 +49,7 @@
             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
           </div>
           <div class="modal-body">
+            <h2 id="song-title"></h2>
             <div id="homeaudio" class="d-flex justify-content-center mt-5">
                 <div class="text-start">
                     <audio controls src=""></audio>