Responsive Interactive Card - Validated using React-Hook-Form

I have one functionality issue that I could use some help with. If you make a mistake entering the CC number the cursor gets hung up on the space inserted. You can arrow over and then delete the text, but I'd prefer if that didn't happen. I can see this as a potential user issue if this was for production.

I'd be happy to hear any critiques and advice on how I could have improved my code. Thanks in advance,