# Combo box UI not rendering properly

**URL:** https://discuss.elastic.co/t/combo-box-ui-not-rendering-properly/273204
**Category:** Kibana
**Created:** [May 17, 2021, 5:10pm UTC](https://discuss.elastic.co/t/combo-box-ui-not-rendering-properly/273204 "2021-05-17T17:10:59Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![praveer](https://avatars.discourse-cdn.com/v4/letter/p/41988e/32.png) [@praveer](https://discuss.elastic.co/u/praveer)
#### Post date: [May 17, 2021, 5:10pm UTC](https://discuss.elastic.co/t/combo-box-ui-not-rendering-properly/273204/1 "2021-05-17T17:10:59Z")

</div>

Hi Team,

In my application I am using elastic UI.  
I have used EuiComboBox. When i click on combo box it shows options but there is a gap in between as shown below.

 ![comboUI](https://us1.discourse-cdn.com/elastic/original/3X/f/6/f6b286946ce909efee7fce455713190f9ed99303.png)

When I inspected I found that 'top' css is getting applied by default on the element as shown below.

 ![comboCss](https://us1.discourse-cdn.com/elastic/original/3X/0/b/0bdf4002e6e60f0acd9c963fae4b8573eef8fdae.png)

Below metioned is the code.

```auto
<EuiComboBox
                placeholder="Select a single option"
                singleSelection={{ asPlainText: true }}
                options={props.options}
                selectedOptions={selectedOptions}
                onChange={onChange}
                isClearable={true}
            /> 

```

Can you please help me out in fixing this.

Regards  
Praveer.

---

<div class="post-metadata">

### Author: ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)
#### Post date: [May 17, 2021, 5:14pm UTC](https://discuss.elastic.co/t/combo-box-ui-not-rendering-properly/273204/2 "2021-05-17T17:14:35Z")

</div>

I moved it to #elastic-stack:kibana but I think that you should instead write this in [Discussions · elastic/eui · GitHub](https://github.com/elastic/eui/discussions)

---

<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: [June 14, 2021, 5:15pm UTC](https://discuss.elastic.co/t/combo-box-ui-not-rendering-properly/273204/3 "2021-06-14T17:15:03Z")

</div>

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