Hi there,
This is actually an interesting point—how something looks when it’s "in focus" matters a lot, whether it's a form input on a website or a person’s eyes in real life. I recently wrote a style post related to this kind of focus—you can click here
to read how the right mascara brings out definition and clarity, just like a proper focus style does in UI.

The package you’re using may lack strong focus borders by default, but just as mascara highlights your eyes, a little CSS can highlight form inputs when active.

Hope that analogy gives a fresh perspective—and the link might give you a useful style tip too.

Are you using Angular or HTML version?

The link you provided is for Metronic v7.

Please use this link for Metronic v8

https://preview.keenthemes.com/html/metronic/docs/index

Thanks

Please let us know which application and version you are using. Eg. Metronic Angular version 8.2.0
For reference, the link you provided appears to be from Metronic version 7. Input focus styles can vary between different versions of Metronic or other themes, so knowing your specific version will help provide more accurate guidance.

Thanks