Wikipedia Viewer - Weird search bar float PLEASE HELP

Hi Campers!
I really cannot solve this. :thinking:

  1. I want the search bar to show in the same place as search icon after the icon fades out.
  2. After entering a value the search bar weirdly floats left and attach to the card instead of staying in center.

I’ve tried so many things to fix it but nothing really helped. I’ve been strugling with this project way too long so any help would be highly appreciated!
Thank you