Bug visual with the arrows.

[FreeCoder22]

hello, Thanks for shared project. I have one bug visual with the arrows. I have fixed the bug by changing the value justifyContent : center in the constant layoutArrow

Before const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: 'flex-start', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }

After const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: center', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }

[lufinkey]

I have this bug too. Here is a screenshot of what the issue looks like:

[mubashiralisiddiqui]

you can use another icon to fix this arrowLeft={someicon or compnent} arrowRight={someIcon or component}