I am using Twitter Bootstrap with the EpiBootstrapAreas plugin and have created a Content Area to render a side-bar on one of my pages.

The markup on the page looks like so:

        

            

                

                    @Html.PropertyFor(x => x.CurrentPage.Teaser)
                
                

                    @Html.PropertyFor(x => x.CurrentPage.DetailedDescription)
                
            
            

                @Html.PropertyFor(x => x.CurrentPage.Sidebar, new { Tags = "sidebar", rowsupport = false })
            
        

I've dropped a block inside which has this markup:

    

        

            @Html.PropertyFor(x => x.Heading)
        
    
    

        
        @Html.PropertyFor(x => x.TemperatureLabel)
        @Html.PropertyFor(x => x.Temperature)℃
    
    

        
        @Html.PropertyFor(x => x.RainLabel)
        @Html.PropertyFor(x => x.Rain)mm
    

When rendered in edit mode, however, I visually see this: https://prnt.sc/k0v3t9

How can I get the 'You can drop content here or Create a new Block' div to appear at the bottom of this content area similar to the other content areas on my website?  I'm confused as to how Epi is calculating where this element should be displayed.