How to remove blue ring?

[benjick]

I'm using CommandInput here, it has the exact same classes as when rendered on the shadcn/ui website. But I'm still seeing this blue ring around this input and others. How can I remove it?

If I check my components/ui/input.tsx file I can see the Input has the focus-visible:outline-none class

[shrix1]

its focus-visible:ring-0 or focus-visible:ring-transparent

[benjick]

Is there a way to apply it for everything? Like why isn't it shown on the shadcn ui website?

[rohan-batoninc]

You can add this to the input.ts and textarea.ts files that you've downloaded.

[shrix1]

@benjick yaa add it it input.tsx and textarea.tsx file or add it in global.css