diff --git a/ui/src/components/CardControl.vue b/ui/src/components/CardControl.vue
index 235c841..17a8a61 100644
--- a/ui/src/components/CardControl.vue
+++ b/ui/src/components/CardControl.vue
@@ -1,6 +1,6 @@
 <template>
   <v-card tile outlined class="card">
-    <v-card-title class="card__title primary" color="primary">
+    <v-card-title class="card__title primary">
       <v-icon left class="white--text pr-5 pl-2" size="50">mdi-camera-control</v-icon>
       Contrôles
     </v-card-title>
diff --git a/ui/src/components/GameStatus.vue b/ui/src/components/GameStatus.vue
index 9a1f078..a421df3 100644
--- a/ui/src/components/GameStatus.vue
+++ b/ui/src/components/GameStatus.vue
@@ -1,9 +1,38 @@
 <template>
   <v-navigation-drawer>
-    <v-list-item title="Brain Blast" subtitle="The cultural quizzzz"></v-list-item>
-    <v-divider></v-divider>
-    <v-list-item link title="List Item 1"></v-list-item>
-    <v-list-item link title="List Item 2"></v-list-item>
-    <v-list-item link title="List Item 3"></v-list-item>
+    <div class="label-pos">
+    <v-label class="label-style">Buzzer connectés</v-label>
+    </div>
+
+    <v-row no-gutters justify="space-around" class="button-pos">
+      <v-icon v-modal="BuzzerRed" class="button-pos" color="BuzzerRed">mdi-radiobox-marked</v-icon>
+      <v-icon v-modal="BuzzerBlue"class="button-pos" color="BuzzerBlue">mdi-radiobox-marked</v-icon>
+      <v-icon v-modal="BuzzerOrange" color="BuzzerOrange">mdi-radiobox-marked</v-icon>
+      <v-icon v-modal="BuzzerGreen" color="BuzzerGreen">mdi-radiobox-marked</v-icon>
+    </v-row>
+
+    <v-divider :thickness="2" class="border-opacity-100" color="primary"/>
+    
   </v-navigation-drawer>
 </template>
+
+
+<style>
+  .label-pos{
+    padding-top: 15px;
+    text-align: center;
+  }
+  .label-style{
+    font-size: 20px !important;
+    font-weight: 500;
+    color: #e91e1e !important;
+    opacity: 90% !important;
+  }
+  .button-pos{
+    padding-top: 10px;
+    padding-bottom: 15px;
+    display: flex;
+    text-align: center;
+  }
+
+</style>
\ No newline at end of file
diff --git a/ui/src/plugins/vuetify.js b/ui/src/plugins/vuetify.js
index 8e76497..98d85d2 100644
--- a/ui/src/plugins/vuetify.js
+++ b/ui/src/plugins/vuetify.js
@@ -21,7 +21,11 @@ const CustomThemeDark = {
     error: '#e91e1e',
     warning: '#FFC107',
     info: '#607D8B',
-    success: '#e91e1e'
+    success: '#e91e1e',
+    BuzzerBlue: '#2867d4',
+    BuzzerOrange: '#d48f28',
+    BuzzerRed: '#d42828',
+    BuzzerGreen: '#28d42e',
   }
 }
 const CustomThemeLight = {
diff --git a/ui/src/views/GameControl.vue b/ui/src/views/GameControl.vue
index 57eec74..7f2e71d 100644
--- a/ui/src/views/GameControl.vue
+++ b/ui/src/views/GameControl.vue
@@ -29,14 +29,14 @@ import CardSoundboard from '@/components/CardSoundboard.vue';
 <style>
 @media (min-width: 1024px) {
   .card__title.primary {
-      background-color: #2979FF; /* Changez la couleur en fonction de votre thème */
+      background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
   }
   .card__title.feedback {
       background-color: #2E7D32; /* Changez la couleur en fonction de votre thème */
   }
   .btn{
     border-radius:30px!important;
-    background-color: #2979FF; /* Changez la couleur en fonction de votre thème */
+    background-color: #e91e1e; /* Changez la couleur en fonction de votre thème */
   }
 }
 </style>