diff --git a/core/src/components/item-sliding/item-sliding.tsx b/core/src/components/item-sliding/item-sliding.tsx
index be5ad37323..f84043023e 100644
--- a/core/src/components/item-sliding/item-sliding.tsx
+++ b/core/src/components/item-sliding/item-sliding.tsx
@@ -623,11 +623,11 @@ export class ItemSliding implements ComponentInterface {
   ) {
     let optionWidthOffset = 0;
 
-    const finalTransform = isRTL
-      ? `translate3d(${containerWidthOffset + optionWidthOffset},0,0)`
-      : `translate3d(${containerWidthOffset - optionWidthOffset}px,0,0)`;
-
     options.forEach((option) => {
+      const finalTransform = isRTL
+        ? `translate3d(${optionWidthOffset + option.clientWidth}px,0,0)`
+        : `translate3d(${containerWidthOffset - optionWidthOffset}px,0,0)`;
+
       const keyframes: Keyframe[] = [
         { transform: option.style.transform },
         isReset