# Narrow Accordion Panel Sections

**URL:** <https://forum.kx.com/t/narrow-accordion-panel-sections/14478>\
**Category:** Community Support\
**Tags:** dashboards\
**Created:** [July 14, 2025, 3:02pm UTC](https://forum.kx.com/t/narrow-accordion-panel-sections/14478 "2025-07-14T15:02:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Declan\_Fallon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.kx.com/declan_fallon/32/50_2.png) [@Declan\_Fallon](https://forum.kx.com/u/Declan_Fallon)\
**Post date:** [July 14, 2025, 3:02pm UTC](https://forum.kx.com/t/narrow-accordion-panel-sections/14478/1 "2025-07-14T15:02:11Z")

</div>

I’m looking to use narrower Accordion Panel Sections. I can update the CSS to do this, but there is still a transparency gap (that displays the sectional component) that I can’t find the CSS to change so when the panel is closed it’s flush with neighboring sections.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/kx/original/1X/ed493bda7588aec6683fc24cf635a5b0700346cf.png)

```auto
[data-widgetid="caca9eac-fd4e-a3d2-edfb-3b577069bef6"] div.section > div.heading {
    height:20px;
    line-height:21px;
}

```

---

<div class="post-metadata">

**Author:** ![ivankk](https://avatars.discourse-cdn.com/v4/letter/i/e68b1a/32.png) [@ivankk](https://forum.kx.com/u/ivankk)\
**Post date:** [July 14, 2025, 3:55pm UTC](https://forum.kx.com/t/narrow-accordion-panel-sections/14478/2 "2025-07-14T15:55:53Z")

</div>

try this:

```auto
[data-widgetid="aa5c96a3-5b18-dbd9-4023-3eb1ed6e7167"] div.section > div.heading {
    height:20px;
    line-height:21px;
}

[data-widgetid="aa5c96a3-5b18-dbd9-4023-3eb1ed6e7167"] div.section {
    min-height: 20px;
}

[data-widgetid="aa5c96a3-5b18-dbd9-4023-3eb1ed6e7167"] div.section > .content {
    top: 20px;
}

```

---

<div class="post-metadata">

**Author:** ![Declan\_Fallon](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.kx.com/declan_fallon/32/50_2.png) [@Declan\_Fallon](https://forum.kx.com/u/Declan_Fallon)\
**Post date:** [July 15, 2025, 9:57am UTC](https://forum.kx.com/t/narrow-accordion-panel-sections/14478/3 "2025-07-15T09:57:26Z")

</div>

Thanks Ivan - did the trick :)