# Search UI - custom checkbox styling issue

**URL:** <https://discuss.elastic.co/t/search-ui-custom-checkbox-styling-issue/337725>\
**Category:** Elasticsearch\
**Created:** [July 5, 2023, 10:28pm UTC](https://discuss.elastic.co/t/search-ui-custom-checkbox-styling-issue/337725 "2023-07-05T22:28:05Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![JeroenAdam](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jeroenadam/32/123103_2.png) [@JeroenAdam](https://discuss.elastic.co/u/JeroenAdam)\
**Post date:** [July 5, 2023, 10:28pm UTC](https://discuss.elastic.co/t/search-ui-custom-checkbox-styling-issue/337725/1 "2023-07-05T22:28:05Z")

</div>

Hi there, I'm developing an app using search UI and Elasticsearch, great experience so far.

I 'm lacking in advanced React skills, I have no idea why my custom styled checkboxes won't reflect the correct state in the UI, though they are working fine, clicks are giving the right search results. The issue is that the checkboxes won't change to an unchecked state  
 ![image](https://us1.discourse-cdn.com/elastic/original/3X/b/d/bd81008b5f6c84b15c1f2e01fd067b445ab357e1.png)

Anyone done this before successfully? As for now, I'm reverting back to the standard styling.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [August 2, 2023, 10:28pm UTC](https://discuss.elastic.co/t/search-ui-custom-checkbox-styling-issue/337725/2 "2023-08-02T22:28:46Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.