diff --git a/src/renderer/features/shared/components/animated-page.tsx b/src/renderer/features/shared/components/animated-page.tsx
index 20dc87fc..dfac2095 100644
--- a/src/renderer/features/shared/components/animated-page.tsx
+++ b/src/renderer/features/shared/components/animated-page.tsx
@@ -5,27 +5,19 @@ import { forwardRef } from 'react';
 
 import styles from './animated-page.module.css';
 
+import { animationProps } from '/@/shared/components/animations/animation-props';
+
 interface AnimatedPageProps {
     children: ReactNode;
 }
 
-// const variants = {
-//     animate: { opacity: 1 },
-//     exit: { opacity: 0 },
-//     initial: { opacity: 0 },
-// };
-
 export const AnimatedPage = forwardRef(
     ({ children }: AnimatedPageProps, ref: Ref<HTMLDivElement>) => {
         return (
             <motion.main
-                // animate="animate"
                 className={styles.animatedPage}
                 ref={ref}
-                // exit="exit"
-                // initial="initial"
-                // transition={{ duration: 0.3, ease: 'easeIn' }}
-                // variants={variants}
+                {...animationProps.fadeIn}
             >
                 {children}
             </motion.main>