diff --git a/ui/src/components/CardButtonScore.vue b/ui/src/components/CardButtonScore.vue
index d6d8cc5..faf4655 100644
--- a/ui/src/components/CardButtonScore.vue
+++ b/ui/src/components/CardButtonScore.vue
@@ -47,22 +47,22 @@
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn orange card xs12 sm6 md3 " topic="/game/score" message="TEAM_ORANGE-2">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW-2">
             <v-icon left size="40">mdi-minus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn orange card xs12 sm6 md3 " topic="/game/score" message="TEAM_ORANGE-1">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW-1">
             <v-icon left size="40">mdi-minus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="4" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn orange card xs12 sm6 md3 " topic="/game/score" message="TEAM_ORANGE+1">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW+1">
             <v-icon left size="40">mdi-plus-box</v-icon>
           </mqtt-button>
         </v-col>
         <v-col cols="12" sm="6" md="3">
-          <mqtt-button width="120" height="60" class="btn orange card xs12 sm6 md3 " topic="/game/score" message="TEAM_ORANGE+2">
+          <mqtt-button width="120" height="60" class="btn yellow card xs12 sm6 md3 " topic="/game/score" message="TEAM_YELLOW+2">
             <v-icon left size="40">mdi-plus-box-multiple</v-icon>
           </mqtt-button>
         </v-col>
diff --git a/ui/src/components/CardControl.vue b/ui/src/components/CardControl.vue
index 70595a5..63b9185 100644
--- a/ui/src/components/CardControl.vue
+++ b/ui/src/components/CardControl.vue
@@ -12,7 +12,22 @@
           </mqtt-button>     
         </v-col>     
         <v-col cols="12" sm="6" md="5" class="mt-4">       
-          <mqtt-button width="150" height="90" class="btn red card" topic="/display/control" message="next">         <v-icon left size="60">mdi-skip-next</v-icon>       </mqtt-button>     </v-col>     <v-col cols="12" sm="6" md="5" class="mb-4">       <mqtt-button width="150" height="90" class="btn red card" topic="/display/control" message="pause">         <v-icon left size="60">mdi-pause</v-icon>       </mqtt-button>     </v-col>     <v-col cols="12" sm="6" md="5" class="mb-4">       <mqtt-button width="150" height="90" class="btn red card" topic="/display/control" message="play">         <v-icon left size="60">mdi-play</v-icon>       </mqtt-button>     </v-col>   </v-row> </v-container>
+          <mqtt-button width="150" height="90" class="btn red card" topic="/display/control" message="next">         
+            <v-icon left size="60">mdi-skip-next</v-icon>       
+          </mqtt-button>     
+        </v-col>     
+        <v-col cols="12" sm="6" md="5" class="mb-4">       
+          <mqtt-button width="150" height="90" class="btn red card" topic="/display/control" message="pause">         
+            <v-icon left size="60">mdi-pause</v-icon>       
+          </mqtt-button>     
+        </v-col>     
+        <v-col cols="12" sm="6" md="5" class="mb-4">       
+          <mqtt-button width="150" height="90" class="btn red card" topic="/display/control" message="play">         
+            <v-icon left size="60">mdi-play</v-icon>       
+          </mqtt-button>     
+        </v-col>   
+      </v-row> 
+    </v-container>
   </v-card>
 </template>
 
@@ -29,6 +44,10 @@
 </script>
 
 <style>
-.card--reduced { height: 56px; /* Réglez la hauteur réduite selon vos besoins */ width: 170px; overflow: hidden; transition: height 0.3s ease-in-out;
-  }
+  .card--reduced { 
+    height: 56px; /* Réglez la hauteur réduite selon vos besoins */ 
+    width: 170px; 
+    overflow: hidden; 
+    transition: height 0.3s ease-in-out;
+    }
 </style>
\ No newline at end of file
diff --git a/ui/src/components/CardScore.vue b/ui/src/components/CardScore.vue
index 5b43d3b..85c9ea5 100644
--- a/ui/src/components/CardScore.vue
+++ b/ui/src/components/CardScore.vue
@@ -49,7 +49,7 @@
     <!-- Équipe Orange -->     
     <v-col cols="6">     
       <v-row no-gutters>         
-        <v-col class="scorediv-style-orange">         
+        <v-col class="scorediv-style-yellow">         
           <div>             
             <v-label class="labelRoundScore-style pt-3">Manche</v-label>             
             <div>             
@@ -138,8 +138,8 @@ const GreenRoundScore = ref(variables.GreenRoundScore);
     padding: 15px; 
     border-top-left-radius: 10%;
   }
-  .scorediv-style-orange { 
-    background-color: #d48f28 !important; 
+  .scorediv-style-yellow { 
+    background-color: #d4d100 !important; 
     padding: 15px; 
     border-bottom-left-radius: 10%;
   }
diff --git a/ui/src/views/GameControl.vue b/ui/src/views/GameControl.vue
index f767f59..4591f84 100644
--- a/ui/src/views/GameControl.vue
+++ b/ui/src/views/GameControl.vue
@@ -47,8 +47,8 @@ import CardButtonScore from '@/components/CardButtonScore.vue'
   .btn.blue { 
     background-color: #2867d4; /* Changez la couleur en fonction de votre thème */ 
   }
-  .btn.orange { 
-    background-color: #d48f28; /* Changez la couleur en fonction de votre thème */ 
+  .btn.yellow { 
+    background-color: #d4d100; /* Changez la couleur en fonction de votre thème */ 
   }
   .btn.green { 
     background-color: #28d42e; /* Changez la couleur en fonction de votre thème */ 
@@ -58,8 +58,8 @@ import CardButtonScore from '@/components/CardButtonScore.vue'
     padding: 15px; 
     border-top-left-radius: 10%;
   }
-  .scorediv-style-orange { 
-    background-color: #d48f28 !important; 
+  .scorediv-style-yellow { 
+    background-color: #d4d100!important; 
     padding: 15px; 
     border-bottom-left-radius: 10%;
   }