Updates.

Author: jsanthosh-godaddy

src/carousel.less

@@ -77,11 +77,11 @@
   }
 
   .carousel-top-arrow {
-    top: 53px;
+    top: 23px;
   }
 
   .carousel-bottom-arrow {
-    bottom: 53px;
+    bottom: 23px;
   }
 
   .carousel-top-arrow {

src/index.js

@@ -470,7 +470,7 @@ export default class Carousel extends Component {
       arrowOffset -= this.props.verticalArrowPadding;
     }
 
-    const arrowStyle = { ...isVertical && { ...!arrows ? { transform: `translateY(${ arrowOffset }px)` } : { paddingRight: '50px' } } };
+    const arrowStyle = { ...isVertical && { ...!arrows && { transform: `translateY(${ arrowOffset }px)` } } };
 
     return (
       <div className={ classes } style={ containerStyle } ref={ c => { this._containerRef = c; } }>

src/stories/index.stories.js

@@ -79,12 +79,6 @@ export const verticalNonInfiniteWithCellPaddingWithDefaultArrows = () =>
       { imgElements }
     </Carousel>;
 
-export const verticalNonInfiniteButtonsWithCellPaddingWithDefaultArrows = () =>
-    <Carousel height='200px' width='200px' cellPadding={ 5 } infinite={ false } arrows={ true }
-              dots={ false } isVertical={ true } >
-      { testButtons }
-    </Carousel>;
-
 export const verticalNonInfiniteButtonsWithCellPaddingWithCustomArrows = () =>
     <Carousel height='450px' width='450px' cellPadding={ 5 } infinite={ false } arrows={ false }
               dots={ false } isVertical={ true } verticalArrowPadding={ 30 } controls={ [{