diff --git a/src/components/layout/header/internal/MenuPopover.tsx b/src/components/layout/header/internal/MenuPopover.tsx
index e376c5a184..d6a35f7af6 100644
--- a/src/components/layout/header/internal/MenuPopover.tsx
+++ b/src/components/layout/header/internal/MenuPopover.tsx
@@ -6,7 +6,7 @@ import Link from 'next/link'
 import type { IHeaderMenu } from '../config'
 
 import { FloatPopover } from '~/components/ui/float-popover'
-import { microDampingPreset } from '~/constants/spring'
+import { softSpringPreset } from '~/constants/spring'
 import { clsxm } from '~/lib/helper'
 
 export const MenuPopover: Component<{
@@ -68,7 +68,7 @@ const Item = memo(function Item(
       {isEnter && (
         <m.span
           layoutId={currentId}
-          transition={microDampingPreset}
+          transition={softSpringPreset}
           className={clsxm(
             'absolute bottom-0 left-0 right-2 top-0 z-[-1] rounded-md',
             'bg-zinc-50 dark:bg-neutral-900',