diff --git a/packages/app/src/components/PostCard/index.jsx b/packages/app/src/components/PostCard/index.jsx
index 6692af26..0d7082cd 100644
--- a/packages/app/src/components/PostCard/index.jsx
+++ b/packages/app/src/components/PostCard/index.jsx
@@ -226,8 +226,8 @@ const PostContent = React.memo((props) => {
                 <antd.Carousel
                     ref={carruselRef}
                     arrows={true}
-                    nextArrow={<Icons.ArrowRight />}
-                    prevArrow={<Icons.ArrowLeft />}
+                    nextArrow={<Icons.ChevronRight />}
+                    prevArrow={<Icons.ChevronLeft />}
                     autoplay
                 >
                     {additions}
diff --git a/packages/app/src/components/PostCard/index.less b/packages/app/src/components/PostCard/index.less
index 6026eb3e..c14af99c 100644
--- a/packages/app/src/components/PostCard/index.less
+++ b/packages/app/src/components/PostCard/index.less
@@ -151,7 +151,7 @@
                 .slick-slider {
                     .slick-prev {
                         display: inline !important;
-                        color: rgba(var(--background-color-contrast), 0.5);
+                        color: #ffffff;
 
                         z-index: 100;
 
@@ -166,14 +166,18 @@
                         transition: all 150ms ease-in-out;
 
                         &:hover {
-                            opacity: 1;
+                            opacity: 0.6;
                             width: 7vw;
                         }
+
+                        &:active {
+                            transform: scale(0.5);
+                        }
                     }
 
                     .slick-next {
                         display: inline !important;
-                        color: rgba(var(--background-color-contrast), 0.5);
+                        color: #ffffff;
 
                         z-index: 100;
 
@@ -188,9 +192,13 @@
                         transition: all 150ms ease-in-out;
 
                         &:hover {
-                            opacity: 1;
+                            opacity: 0.6;
                             width: 7vw;
                         }
+
+                        &:active {
+                            transform: scale(0.5);
+                        }
                     }
                 }