diff --git a/macao/assets/_custom.scss b/macao/assets/_custom.scss
index b2a8a4b035fb5683a56b7a145230b911d4b67d07..76417befd88d521ec49f1c14d130b72a32d68060 100644
--- a/macao/assets/_custom.scss
+++ b/macao/assets/_custom.scss
@@ -1,8 +1,8 @@
 body {
   // Global theme colors are defined in macao/themes/macao-hugo-theme/assets/_defaults.scss and go to @mixin theme-tetras
   --quizz-backgourd-color: #00000;
-  --feedback-sucess-color: lightgreen;
-  --feedback-error-color: #ef5d5d;
+  --feedback-sucess-color: rgba(167, 243, 167, 0.8);
+  --feedback-error-color: #f8a5a5;
 
   // To edit SurveyJs colors see TODO create custom theme for SurveyJs
 }
@@ -10,7 +10,7 @@ body {
 // ***********************************
 // Global
 // ***********************************
-.btn-play{
+.btn-play {
   cursor: pointer;
   background-color: var(--macao-primary-color);
   border-radius: 5px;
@@ -34,11 +34,11 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
 // ***********************************
 // User Feedback in quizz
 // ***********************************
-#correct-indic.incorrect{
+#correct-indic.incorrect {
   background-color: var(--feedback-error-color);
 }
 
-#correct-indic.correct{
+#correct-indic.correct {
   background-color: var(--feedback-sucess-color);
 }
 
@@ -78,10 +78,11 @@ select.sd-dropdown.inline-dropdown, input.sd-input.inline-input {
 // ***********************************
 // General look and feel
 // ***********************************
-.book-page > article{
+.book-page > article {
   background-color: var(--secondary-background-color);
   border-radius: 15px;
 }
+
 .book-page > article {
   padding: 16px;
   margin-top: 16px;
@@ -102,6 +103,7 @@ a.active {
   background-color: var(--macao-primary-color);
   border-radius: 5px;
   padding: 5px;
+  margin-right: 5px;
 }
 
 // Hide element when width is less than 900px
@@ -129,3 +131,13 @@ a.active {
   color: black;
   max-width: 500px;
 }
+
+
+em:not(:has(strong)) {
+    background-color: lightgray;
+    padding: 3px;
+    padding-right: 4px;
+    border-radius: 5px;
+
+}
+
diff --git a/macao/assets/custom.js b/macao/assets/custom.js
index 6cb8058335a15cdcb2175a81adbb6b35ff196363..68f94af64b76559239c85855cd6416a1e6b017d5 100644
--- a/macao/assets/custom.js
+++ b/macao/assets/custom.js
@@ -8,7 +8,7 @@ $(document).ready(function() {
     $('.book-header').show();
 
     $('.commentaireInfo').hide();
-    $('.commentaireInfo').prop('popover', 'true');
+    $('.commentaireInfo').prop('popover', 'auto');
     $('.commentaireInfoGroup').show();
 
     // Comment popover