diff --git a/components/calendar/calendar-client.tsx b/components/calendar/calendar-client.tsx
index ee9a42a..916707f 100644
--- a/components/calendar/calendar-client.tsx
+++ b/components/calendar/calendar-client.tsx
@@ -971,29 +971,29 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
             </div>
 
             <Tabs value={view} className="w-auto">
-              <TabsList className="bg-blue-600">
-            <TabsTrigger
+              <TabsList className="bg-gray-100">
+                <TabsTrigger
                   value="dayGridMonth"
-              onClick={() => handleViewChange("dayGridMonth")}
-              className="data-[state=active]:bg-blue-700 data-[state=active]:text-white text-white hover:text-white/80"
-            >
-              Mois
-            </TabsTrigger>
-            <TabsTrigger
+                  onClick={() => handleViewChange("dayGridMonth")}
+                  className="data-[state=active]:bg-gray-300 data-[state=active]:text-gray-900 text-gray-700 hover:text-gray-900"
+                >
+                  Mois
+                </TabsTrigger>
+                <TabsTrigger
                   value="timeGridWeek"
-              onClick={() => handleViewChange("timeGridWeek")}
-              className="data-[state=active]:bg-blue-700 data-[state=active]:text-white text-white hover:text-white/80"
-            >
-              Semaine
-            </TabsTrigger>
-            <TabsTrigger
+                  onClick={() => handleViewChange("timeGridWeek")}
+                  className="data-[state=active]:bg-gray-300 data-[state=active]:text-gray-900 text-gray-700 hover:text-gray-900"
+                >
+                  Semaine
+                </TabsTrigger>
+                <TabsTrigger
                   value="timeGridDay"
-              onClick={() => handleViewChange("timeGridDay")}
-              className="data-[state=active]:bg-blue-700 data-[state=active]:text-white text-white hover:text-white/80"
-            >
-              Jour
-            </TabsTrigger>
-          </TabsList>
+                  onClick={() => handleViewChange("timeGridDay")}
+                  className="data-[state=active]:bg-gray-300 data-[state=active]:text-gray-900 text-gray-700 hover:text-gray-900"
+                >
+                  Jour
+                </TabsTrigger>
+              </TabsList>
             </Tabs>
           </div>