diff --git a/src/views/creators/SubscriptionMenu.vue b/src/views/creators/SubscriptionMenu.vue
index 6f10960..e0a75a3 100644
--- a/src/views/creators/SubscriptionMenu.vue
+++ b/src/views/creators/SubscriptionMenu.vue
@@ -45,15 +45,18 @@ function selectTier(id) {
           </div>
           <div class="text-center bg-fuchsia-800 py-10" :style="[Primary]">
             <v-btn
-                :color="selectedTier === tier.id ? 'primary' : ''"
-                @click="selectTier(tier.id)"
                 class="mx-auto"
                 width="200px"
-                :style="{ backgroundColor: selectedTier === tier.id ? branding.colors.primary : branding.colors.secondary, color: branding.colors.onSecondary }"
+                @click="selectTier(tier.id)"
+                :style="{ 
+    backgroundColor: selectedTier === tier.id ? branding.colors.background : branding.colors.secondary, 
+    color: selectedTier === tier.id ? branding.colors.onPrimary : branding.colors.onSecondary 
+  }"
             >
               {{ selectedTier === tier.id ? 'Sélectionné' : 'Choisir' }}
             </v-btn>
 
+
           </div>
           <v-card-text class="text-center rounded-b-2xl" :style="[secondaryColor,onSecondaryColor]" >
             <span class="text-h5">{{ tier.price }} $ / par mois </span>