diff --git a/web/static/public.css b/web/static/public.css
index 9ce632f..5bac7e0 100644
--- a/web/static/public.css
+++ b/web/static/public.css
@@ -587,43 +587,38 @@ dl, .nature > div, .outside_activities > div {
     margin-right: -5rem;
 }
 
-.slick-slider.slick-initialized {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: end;
-}
-
 .slick-slider .slick-arrow {
-    font-size: 6rem;
+    font-size: 4rem;
     line-height: 1;
     width: 5rem;
     height: 5rem;
     border: none !important;
-    background: none;
+    background: var(--base);
     cursor: pointer;
-    transition: transform 0.5s ease;
-}
-
-.slick-slider .slick-prev.slick-arrow, .slick-slider .slick-next.slick-arrow {
-    opacity: 1;
+    transition: padding 0.5s ease;
+    position: absolute;
+    top: 1rem;
+    z-index: 1;
 }
 
 .slick-slider .slick-prev {
-    order: -2;
-    margin: 0 4rem 2.5rem 0;
+    right: 6rem;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
 }
 
 .slick-slider .slick-prev:hover {
-    transform: translateX(-1.3rem);
+    padding-right: 1.3rem;
 }
 
 .slick-slider .slick-next {
-    order: -1;
-    margin: 0 7rem 2.5rem 0;
+    right: 1rem;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
 }
 
 .slick-slider .slick-next:hover {
-    transform: translateX(1.3rem);
+    padding-left: 1.3rem;
 }
 
 .enjoy {