[bug]: animation start/end position is wrong in mobile

[GamerJagdish]

Describe the bug

the animation position is not correct when the search bar is in view in mobile.
attaching video below

chrome.mp4

Affected component/components

animated-theme-toggler

How to reproduce

1. Open Chrome
2. Go to https://magicui.design/docs/components/animated-theme-toggler
3. Click the button when the Search bar is in view

Codesandbox/StackBlitz link

No response

Logs

System Info

Chrome 145.0.7632.76
Android 16

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues