diff --git a/resources/js/views/Meteo/OpenWeatherCard.vue b/resources/js/views/Meteo/OpenWeatherCard.vue
index 41385ac..4284ef5 100644
--- a/resources/js/views/Meteo/OpenWeatherCard.vue
+++ b/resources/js/views/Meteo/OpenWeatherCard.vue
@@ -6,7 +6,7 @@
 
             <div class="flex flex-wrap -m-2 mt-2">
                 <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4">
-                    <div class="bg-primary-300 rounded text-black m-2 p-2 flex flex-col">
+                    <div class="bg-gray-300 rounded text-black m-2 p-2 flex flex-col">
                         <h3 class="text-2xl font-bold text-center">{{ meteo.city.name }}</h3>
                         <div class="flex">
                             <div class="flex flex-col justify-end">