diff --git a/src/swipe/index.js b/src/swipe/index.js
index caa5354..5edb03c 100644
--- a/src/swipe/index.js
+++ b/src/swipe/index.js
@@ -125,10 +125,9 @@ class Swipe extends Component {
       border-color: #fff;
       border-radius: 50%;
       --size: 12px;
-      transition: opacity linear 0.2s;
-
+      transition: opacity ease-in-out 0.2s;
       &:hover {
-        opacity: 0.8 !important;
+        opacity: 1 !important;
       }
     }
     .left,
@@ -308,7 +307,7 @@ class Swipe extends Component {
   }
   render() {
     let styles = styleMap({
-      opacity: this.showArrowBtn ? 0.5 : 0
+      opacity: this.showArrowBtn ? 0.6 : 0
     })
     let toggleBtns =
       this.direction === 'horizontal'