From ceeadc7eb854b4cfcf8ec773cfdc2a9df143d901 Mon Sep 17 00:00:00 2001
From: Marcos Santos <marcos@intellimize.com>
Date: Thu, 15 Jul 2021 20:35:18 -0300
Subject: [PATCH] Swap prev arrow position to avoid overlapping on other DOM
 elements

---
 src/inner-slider.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/inner-slider.js b/src/inner-slider.js
index 7cbdb27ad..8f0ffe914 100644
--- a/src/inner-slider.js
+++ b/src/inner-slider.js
@@ -304,7 +304,8 @@ export class InnerSlider extends React.Component {
   };
   checkImagesLoad = () => {
     let images =
-      (this.list && this.list.querySelectorAll &&
+      (this.list &&
+        this.list.querySelectorAll &&
         this.list.querySelectorAll(".slick-slide img")) ||
       [];
     let imagesCount = images.length,
@@ -751,12 +752,12 @@ export class InnerSlider extends React.Component {
     }
     return (
       <div {...innerSliderProps}>
-        {!this.props.unslick ? prevArrow : ""}
         <div ref={this.listRefHandler} {...listProps}>
           <Track ref={this.trackRefHandler} {...trackProps}>
             {this.props.children}
           </Track>
         </div>
+        {!this.props.unslick ? prevArrow : ""}
         {!this.props.unslick ? nextArrow : ""}
         {!this.props.unslick ? dots : ""}
       </div>