diff --git a/front/src/App.vue b/front/src/App.vue
index 6252198e27e7f6d9b8f86d09d85f480b9d4d21b6..6e8f34dbb9c5aa1707a63b15ac506274e6d5d35c 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -406,16 +406,16 @@ export default {
     },
     'serviceWorker.updateAvailable': {
       handler (v) {
-        if (!v) {
-          return
-        }
+        // if (!v) {
+        //   return
+        // }
         let self = this
         this.$store.commit('ui/addMessage', {
           content: this.$pgettext("App/Message/Paragraph", "A new version of the app is available."),
           date: new Date(),
           key: 'refreshApp',
           displayTime: 0,
-          classActions: 'bottom attached',
+          classActions: 'bottom attached opaque',
           actions: [
             {
               text: this.$pgettext("App/Message/Paragraph", "Update"),
diff --git a/front/src/style/themes/_dark.scss b/front/src/style/themes/_dark.scss
index 93080325983c40e79bb1f94e70ab28f9aab5fcf3..e72ae6e8571e3a372bdbdd652961789fee69416d 100644
--- a/front/src/style/themes/_dark.scss
+++ b/front/src/style/themes/_dark.scss
@@ -31,7 +31,7 @@ $link-color: rgb(255, 144, 0);
       color: $text-color;
     }
   }
-  .main.with-background {
+  .main.with-background, .opaque {
     background-color: $background-color;
   }
   .ui.link.list.list .active.item,
diff --git a/front/src/style/themes/_light.scss b/front/src/style/themes/_light.scss
index b609075dc5161a48b7eeac6d64bfa2852a9e8ee2..2ab581eb82dda9384a6911bbefabf58cc3f794fb 100644
--- a/front/src/style/themes/_light.scss
+++ b/front/src/style/themes/_light.scss
@@ -11,7 +11,7 @@
       }
     }
   }
-  .main.with-background {
+  .main.with-background, .opaque {
     background-color: white;
   }