Fix #3524

Author: kkartunov

src/assets/images/new-arrow-left.svg

@@ -63,7 +63,7 @@ class ContentSlider extends Component {
               onKeyPress={previousSlide}
               role="button"
               tabIndex={0}
-              className={theme.control}
+              className={theme.controlLeft}
             >
               <ArrowPrev />
             </a>
@@ -74,7 +74,7 @@ class ContentSlider extends Component {
               onKeyPress={nextSlide}
               role="button"
               tabIndex={0}
-              className={theme.control}
+              className={theme.controlRight}
             >
               <ArrowNext />
             </a>
@@ -109,7 +109,8 @@ ContentSlider.propTypes = {
   theme: PT.shape({
     container: PT.string,
     content: PT.string,
-    control: PT.string,
+    controlLeft: PT.string,
+    controlRight: PT.string,
     multiContent: PT.any,
     singleContent: PT.any,
   }),

src/assets/images/new-arrow-right.svg

@@ -18,9 +18,18 @@
   width: 100%;
 }
 
-.control {
+.controlLeft,
+.controlRight {
   border: 0;
   color: white;
   cursor: pointer;
   display: flex;
 }
+
+.controlLeft {
+  margin-left: 25px;
+}
+
+.controlRight {
+  margin-right: 25px;
+}