diff --git a/src/app.css b/src/app.css
index 450764f4..3a364f96 100644
--- a/src/app.css
+++ b/src/app.css
@@ -360,6 +360,17 @@ button.carousel-dot.active {
 button.carousel-dot.active {
   pointer-events: none;
 }
+@media (hover: hover) {
+  .carousel-controls {
+    transform: translateY(100%);
+    transition: transform 0.2s ease-in-out;
+  }
+  .carousel:hover + .carousel-controls,
+  .carousel-controls:hover,
+  .carousel-controls:focus-within {
+    transform: translateY(0);
+  }
+}
 
 /* COMPOSE BUTTON */