# Fix Color Picker bug

**URL:** <https://community.weweb.io/t/fix-color-picker-bug/20612>\
**Category:** Ask us anything\
**Created:** [January 9, 2026, 12:39am UTC](https://community.weweb.io/t/fix-color-picker-bug/20612 "2026-01-09T00:39:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![esowers](https://avatars.discourse-cdn.com/v4/letter/e/fbc32d/32.png) [@esowers](https://community.weweb.io/u/esowers)\
**Post date:** [January 9, 2026, 12:39am UTC](https://community.weweb.io/t/fix-color-picker-bug/20612/1 "2026-01-09T00:39:40Z")

</div>

Hey,

When placing the color picker I want to make the color selection a circle. The problem is there is a border that I can’t remove and if you wrap it you cannot get it to be a full circle. The square does not fill the whole background therefore using the radius doesn’t work.

Has anyone figured this out?

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/20f867082c4d78b619661d4cfaf8f298423e0f59.png)

If not, has anyone successfully implemented the Coloris color picker? [https://coloris.js.org/](https://coloris.js.org/) I like the styling of that one more. 🙂

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [January 9, 2026, 2:16pm UTC](https://community.weweb.io/t/fix-color-picker-bug/20612/2 "2026-01-09T14:16:47Z")

</div>

Hi @esowers 👋,

I tried turning the color picker into a circle and indeed we seem to have some invisible spacing inside the border and outline.

So I asked our AI directly in chat to create a custom version of the color picker and turn it into a circle and it worked!

 ![Screenshot 2026-01-09 at 11.12.48](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/ce7c03f3f9d5e82cbcd6966913f875e194f84640.png)

So you can try that approach with our own AI, you can also create a more powerful custom component by using [Cursor](https://www.youtube.com/watch?v=1A8wdH5Sb0o&t=1599s) or you could try to install a third-party solution like the one you mentioned.