diff --git a/src/components/Common/HorizontalWrapper/HorizontalWrapper.tsx b/src/components/Common/HorizontalWrapper/HorizontalWrapper.tsx
index b2562f8..a636f0b 100644
--- a/src/components/Common/HorizontalWrapper/HorizontalWrapper.tsx
+++ b/src/components/Common/HorizontalWrapper/HorizontalWrapper.tsx
@@ -34,7 +34,7 @@ const HorizontalWrapper: React.FC<THorizontalWrapper> = ({
   return (
     <div ref={containerRef}>
       <motion.div
-        className="relative z-10"
+        className="relative z-10 transition transform duration-700 ease-out "
         style={{
           translateX: xTransform,
           opacity: activeOpacity ? opacityTransforom : 1,