diff --git a/VApp/src/components/BuzzerValidationDialog.vue b/VApp/src/components/BuzzerValidationDialog.vue
index eff01663..168e8af7 100644
--- a/VApp/src/components/BuzzerValidationDialog.vue
+++ b/VApp/src/components/BuzzerValidationDialog.vue
@@ -1,6 +1,6 @@
 <template>
-  <v-dialog v-model="dialog" persistent max-width="800" height="500">
-    <v-card  dark rounded="xl">
+  <v-dialog v-model="dialog" persistent max-width="800" height="500" style="background-color: rgba(0, 0, 0, 0.8);">
+    <v-card dark rounded="xl">
       <v-card-title :style="{ backgroundColor: buzzerColor }" class="headline text-center justify-center">
         <v-icon color="background" dark large left size="70">mdi-alarm-light</v-icon>
       </v-card-title>
@@ -25,6 +25,7 @@
           rounded="0"
           height="100%"
           width="50%"
+          :style="{ backgroundColor: buzzerColor }"
           @click="validate">
           <v-icon left size="40">mdi-check-circle</v-icon>
           <span style="font-size: 20px; padding-left: 10px;">Valider (+1)</span>
@@ -136,11 +137,10 @@
         height: 100%; /* Ensure it takes full height of the container if possible, or substantial height */
     }
     .validate-btn {
-        background-color: rgb(var(--v-theme-success),1);
         color: rgb(var(--v-theme-background),1);
     }
     .refuse-btn {
-        background-color: rgb(var(--v-theme-error),1);
+        background-color: rgb(var(--v-theme-inactiveButton),1);
         color: rgb(var(--v-theme-background),1);
     }
 </style>