# Header on Web Listbox not displaying correctly?

**URL:** <https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013>\
**Category:** Windows\
**Created:** [October 19, 2026, 7:46pm UTC](https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013 "2026-10-19T19:46:36Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jeffery\_Lemons](https://forum.xojo.com/user_avatar/forum.xojo.com/jeffery_lemons/32/1447_2.png) [@Jeffery\_Lemons](https://forum.xojo.com/u/Jeffery_Lemons)\
**Post date:** [October 19, 2026, 7:46pm UTC](https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013/1 "2026-10-19T19:46:36Z")

</div>

Can anybody tell me what is causing this? The header is displaying a small row below it and it has the same color as the header. How can I turn off this second header or whatever is happening here?

![Screenshot 2026-10-19 at 1.44.53 PM](https://forum.xojo.com/uploads/default/original/3X/4/3/43924ca2c9a0291095ff6dbd7d2f4c862e74b61a.png)

---

<div class="post-metadata">

**Author:** ![AlbertoD](https://forum.xojo.com/letter_avatar_proxy/v4/letter/a/dbc845/32.png) [@AlbertoD](https://forum.xojo.com/u/AlbertoD)\
**Post date:** [October 19, 2026, 8:33pm UTC](https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013/2 "2026-10-19T20:33:16Z")

</div>

Looks like some custom CSS/code changes that affects your weblistbox.  
Can you provide Xojo version and small code sample to reproduce?

---

<div class="post-metadata">

**Author:** ![Gilles\_Plante](https://forum.xojo.com/user_avatar/forum.xojo.com/gilles_plante/32/667_2.png) [@Gilles\_Plante](https://forum.xojo.com/u/Gilles_Plante)\
**Post date:** [October 19, 2026, 9:03pm UTC](https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013/3 "2026-10-19T21:03:59Z")

</div>

Which CSS file do you use for your project ? The Xojo version specifies the CSS version that works with it.

---

<div class="post-metadata">

**Author:** ![Jeffery\_Lemons](https://forum.xojo.com/user_avatar/forum.xojo.com/jeffery_lemons/32/1447_2.png) [@Jeffery\_Lemons](https://forum.xojo.com/u/Jeffery_Lemons)\
**Post date:** [October 19, 2026, 9:14pm UTC](https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013/4 "2026-10-19T21:14:27Z")

</div>

Here is the css code that I have in the app header. If you start a new project and paste this in the app header and then place a listbox on the screen you will see it.

.XojoCombobox button { border: 0.5px solid #999; border-bottom-left-radius: 0px; border-top-left-radius: 0px; background-color: #d2d2d2; } .XojoCheckbox { margin-left: 12px; } .XojoProgressWheel svg { fill: grey; } .XojoRectangle { border: 0.5px solid #999; } .XojoListBox .table td, .XojoListBox .table th { padding-top: 3px; padding-bottom: 3px; background: #fff; } .XojoListBox .table td { padding-top: 1px; padding-bottom: 1px; background: #fff; height: 25px; } .XojoListBox { border: 0.25px solid #999; } .XojoListBox table.dataTable.table-striped\>tbody\>tr:nth-child(odd)\>\* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.00); background: #fff; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .XojoListBox table.dataTable.table-striped\>tbody\>tr:nth-child(even)\>\* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.05); background: #DDFDDE; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .XojoListBox th{ height:27px; } .XojoListBox table.table-bordered.dataTable thead tr:first-child th, .XojoListBox table.table-bordered.dataTable thead tr:first-child td { border-top-width: 0.5px; border: 0.25px solid #999999; vertical-align: middle; background-color: #e6e6e6; height:27px; } .XojoListBox table.dataTable tr { font-weight: normal; line-height: 12px; } .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .XojoListBox table.dataTable tr{ height: 5px; } .no-dropdown-arrow .dropdown-toggle::after {display:none} .XojoButton .btn { font-size: 12px; } .XojoListBox table.table-bordered.dataTable thead tr:first-child th, .XojoListBox table.table-bordered.dataTable thead tr:first-child td { border-top: 0px; } .text-end { text-align: right !important; } .DimensionsListbox table.dataTable.table-striped\>tbody\>tr:nth-child(even)\>\* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.05); background: #FFFFFF; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .DimensionsListbox table.dataTable.table-striped\>tbody\>td:nth-child(even)\>\* { box-shadow: inset 0px 0px 0 0px rgba(0, 0, 0, 0.05); background: #e6e6e6; border: 0.25px solid #d2d2d2; vertical-align: middle; height:23px; } .XojoListBox table.table.dataTable.table-striped\>tbody\>tr:nth-of-type(2n+1)\>\* { box-shadow: none; }

---

<div class="post-metadata">

**Author:** ![Jeffery\_Lemons](https://forum.xojo.com/user_avatar/forum.xojo.com/jeffery_lemons/32/1447_2.png) [@Jeffery\_Lemons](https://forum.xojo.com/u/Jeffery_Lemons)\
**Post date:** [October 19, 2026, 9:19pm UTC](https://forum.xojo.com/t/header-on-web-listbox-not-displaying-correctly/89013/5 "2026-10-19T21:19:56Z")

</div>

I found it. .XojoListBox table.dataTable tr{  
height: 5px;  
} was in the app header and it shouldn’t have been. Thanks