diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index a992a38..8628b6b 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -1736,12 +1736,15 @@ footer {
   margin: 10px auto;
   border: none;
   background-color: transparent;
-  font-size: 24px;
+  background-image: url("../img/fleche-bas.svg");
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
   cursor: pointer;
   transition: transform 0.3s ease;
 }
-#actus-caroussel .content-actus .views-row .toggle-actualite:hover {
-  transform: scale(1.2);
+#actus-caroussel .content-actus .views-row .toggle-actualite.open {
+  transform: rotate(180deg);
 }
 
 header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
index 0e43f2d..35c7356 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@@ -260,13 +260,16 @@
                 margin: 10px auto;
                 border: none;
                 background-color: transparent;
-                font-size: 24px;
+                background-image: url("../img/fleche-bas.svg");
+                background-size: contain;
+                background-repeat: no-repeat;
+                background-position: center;
                 cursor: pointer;
                 transition: transform 0.3s ease;
             }
             
-            .toggle-actualite:hover {
-                transform: scale(1.2);
+            .toggle-actualite.open {
+                transform: rotate(180deg);
             }