diff --git a/package/src/components/ImageGallery/ImageGallery.tsx b/package/src/components/ImageGallery/ImageGallery.tsx
index 10b2380066..c804c0ffd9 100644
--- a/package/src/components/ImageGallery/ImageGallery.tsx
+++ b/package/src/components/ImageGallery/ImageGallery.tsx
@@ -378,7 +378,7 @@ export const ImageGallery = (props: Props) => {
   );
 
   /**
-   * This transition and scaleX reverse lets use scroll left
+   * This transition and scaleX reverse lets use scroll right
    */
   const pagerStyle = useAnimatedStyle<ImageStyle>(
     () => ({
diff --git a/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx b/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx
index 76d2d683a9..ff9bfce0f9 100644
--- a/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx
+++ b/package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx
@@ -59,17 +59,17 @@ export const useAnimatedGalleryStyle = ({
         {
           scale: selected ? scale.value / 8 : oneEighth,
         },
-        { scaleX: -1 },
+        { scaleX: 1 },
       ],
     };
   }, [previous, selected]);
 
   const animatedStyles = useAnimatedStyle(() => {
-    const xScaleOffset = -7 * screenWidth * (0.5 + index);
+    const xScaleOffset = 7 * screenWidth * (0.5 + index);
     const yScaleOffset = -screenHeight * 3.5;
     return {
       transform: [
-        { scaleX: -1 },
+        { scaleX: 1 },
         { translateY: yScaleOffset },
         {
           translateX: -xScaleOffset,