diff --git a/macao/assets/custom.js b/macao/assets/custom.js
index 68f94af64b76559239c85855cd6416a1e6b017d5..fc38ce463c4c7c6500d05e388a436fee03c18b17 100644
--- a/macao/assets/custom.js
+++ b/macao/assets/custom.js
@@ -8,13 +8,20 @@ $(document).ready(function() {
     $('.book-header').show();
 
     $('.commentaireInfo').hide();
-    $('.commentaireInfo').prop('popover', 'auto');
+    // $('.commentaireInfo').prop('popover', 'auto');
     $('.commentaireInfoGroup').show();
 
     // Comment popover
-    $('[spanid]').addClass('comment-trigger').on('click', function() {
-        let spanid = $(this).attr('spanid');
-        $("[commentaireid=" + spanid + "]").toggle();
+    $('[spanid]').addClass('comment-trigger').popover({
+        trigger: 'click',
+        html: true,
+        content: function () {
+            return "tt" + $(this).attr('spanid');
+        }
+    });
+
+    $(document).on('click', function() {
+        $('[spanid]').popover('hide');
     });
 
     // Simplify th in td
diff --git a/macao/layouts/partials/docs/inject/head.html b/macao/layouts/partials/docs/inject/head.html
index 1e92bac584b1ff03e54bcf247eec62273410c4e1..4640eef7321c4ffeb9ad1c75043a3bafc5652ade 100644
--- a/macao/layouts/partials/docs/inject/head.html
+++ b/macao/layouts/partials/docs/inject/head.html
@@ -11,7 +11,6 @@
 
     {{- $quizjs := slice -}}
     {{- $quizjs = $quizjs | append (resources.Get "quiz.js") -}}
-    {{- $quizjs = $quizjs | append (resources.Get "custom.js") -}}
     {{- $quizjs = $quizjs | append (resources.Get "gapfill-select.js") -}}
     {{- $quizjs = $quizjs | append (resources.Get "gapfill-open.js") -}}
     {{- $quizjs = $quizjs | resources.Concat "quiz.bundle.js" -}}