diff --git a/src/components/motion.tsx b/src/components/motion.tsx
index 08496e2..5677337 100644
--- a/src/components/motion.tsx
+++ b/src/components/motion.tsx
@@ -16,7 +16,7 @@ export function MotionHeader({
 
   return (
     <motion.header
-      initial={{ opacity: 0, y: shouldReduceMotion ? 0 : 10 }}
+      initial={shouldReduceMotion ? false : { opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.5, delay, ease: [0.25, 0.1, 0.25, 1] }}
       className={className}
@@ -37,7 +37,7 @@ export function MotionSection({
 
   return (
     <motion.section
-      initial={{ opacity: 0, y: shouldReduceMotion ? 0 : 10 }}
+      initial={shouldReduceMotion ? false : { opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.5, delay, ease: [0.25, 0.1, 0.25, 1] }}
       className={className}
@@ -58,7 +58,7 @@ export function MotionDiv({
 
   return (
     <motion.div
-      initial={{ opacity: 0, y: shouldReduceMotion ? 0 : 10 }}
+      initial={shouldReduceMotion ? false : { opacity: 0, y: 10 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.5, delay, ease: [0.25, 0.1, 0.25, 1] }}
       className={className}
@@ -112,9 +112,11 @@ export function MotionTableRow({
   className,
   ...props
 }: { children: ReactNode } & ComponentPropsWithoutRef<typeof motion.tr>) {
+  const { shouldReduceMotion } = useMotionConfig()
+
   return (
     <motion.tr
-      initial={{ opacity: 0 }}
+      initial={shouldReduceMotion ? false : { opacity: 0 }}
       animate={{ opacity: 1 }}
       transition={{ duration: 0.3 }}
       className={className}