1 files changed, 6 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/slider/slider.tsx b/packages/website/ts/@next/components/slider/slider.tsx
index 710351566..96d3960a3 100644
--- a/packages/website/ts/@next/components/slider/slider.tsx
+++ b/packages/website/ts/@next/components/slider/slider.tsx
@@ -77,6 +77,7 @@ const StyledSlider = styled.div`
     }
 
     .flickity-button {
+        cursor: pointer;
         position: absolute;
         width: 74px;
         height: 74px;
@@ -86,12 +87,17 @@ const StyledSlider = styled.div`
         top: calc(50% - 37px);
         border: 0;
         padding: 0;
+        transition: background-color .30s ease-in-out;
 
         &:disabled {
             opacity: 0;
             visibility: hidden;
         }
 
+        &:hover {
+            background-color: hsla(0, 0%, 10%, 1);
+        }
+
         &.previous {
             left: 0;
         }