# Gap between accordion?

**URL:** <https://forum.kirupa.com/t/gap-between-accordion/296513>\
**Category:** Uncategorized\
**Created:** [September 15, 2009, 9:40pm UTC](https://forum.kirupa.com/t/gap-between-accordion/296513 "2009-09-15T21:40:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cpthk](https://avatars.discourse-cdn.com/v4/letter/c/aca169/32.png) [@cpthk](https://forum.kirupa.com/u/cpthk)\
**Post date:** [September 15, 2009, 9:40pm UTC](https://forum.kirupa.com/t/gap-between-accordion/296513/1 "2009-09-15T21:40:10Z")

</div>

```auto

        <mx:Accordion selectedIndex="0">
        <mx:HBox label="0" borderStyle="outset">
            <mx:DataGrid rowCount="6">
                <mx:columns>
                    <mx:DataGridColumn dataField="name" headerText="Name" width="65"/>
                    <mx:DataGridColumn dataField="split" headerText="Split" width="65"/>
                    <mx:DataGridColumn dataField="paid" headerText="Paid" width="65"/>
                    <mx:DataGridColumn dataField="total" headerText="Total" width="65"/>
                </mx:columns>
            </mx:DataGrid>
        </mx:HBox>
        <mx:HBox label="1">
            
        </mx:HBox>
        <mx:HBox label="2">
            
        </mx:HBox>
        <mx:HBox label="3">
            
        </mx:HBox>
        <mx:HBox label="4">
            
        </mx:HBox>
        <mx:HBox label="5">
            
        </mx:HBox>
        <mx:HBox label="6">
            
        </mx:HBox>
        <mx:HBox label="7">
            
        </mx:HBox>
    </mx:Accordion>

```

I found there is a gap between the datagrid and the second accordion tab. The more HBox I add, the bigger gap it has.

![](http://www.kirupa.com/forum/attachment.php?attachmentid=50761&stc=1&d=1253051032)

Workaround:  
I tried to add verticleGap = “0”, this fix the problem. But according to the documentation, verticleGap by default is -1, which still should not see the gap. [http://livedocs.adobe.com/flex/3/langref/mx/containers/Accordion.html#effectSummary](http://livedocs.adobe.com/flex/3/langref/mx/containers/Accordion.html#effectSummary)

Is this possibly a bug or what am I missing?

Thanks.