Arrows are not working on mobile

[Umashankar1234]

Hii,
Thank you for the amazing package.But i am facing an issue,my navigation arrows are working fine on desktop but on mobile responsive it not working.http://noplan.maastrixdemo.com/step-two.

This is my code.Any help will be appreciated

`
{characters.map((char, index) => (
<Carousel.Item key={index}>

<h2
className={
char.id == selectedCharObj.id
? ""
: "opa_zero"
}
>
P1

<h2
className={
char.id == selectedCharObj2.id
? ""
: "opa_zero"
}
>
P2

                                <a
                                  style={{ border: "1px solid red" }}
                                  className={
                                    Object.keys(selectedCharObj).length ===
                                    0
                                      ? ""
                                      : char.id == selectedCharObj.id ||
                                        char.id == selectedCharObj2.id
                                      ? "active"
                                      : "grayScaled"
                                  }
                                  style={{ cursor: "pointer" }}
                                  onClick={(e) => {
                                    selectCharacter(char);
                                  }}
                                >
                                  <img src={char.image} alt="char" />
                                </a>
                              </div>
                            </Carousel.Item>
                          ))}
                        </Carousel>`