Same component added twice for some reason

Hello!

I have according to me a very strange behaviour in my application that some of you hopefully are familiar with or in other ways knows how to work around.

This is the relevant code:

AbstractComponent horizontalLine = Cf.horizontalLine();
        horizontalLine.addStyleName("m2m-horizontal-line-list-separator");
        horizontalLine.setWidth("100%");
        horizontalLine.setParent(null);
        SVerticalLayout spacer = Cf.vLayout(new SLabel(""));
        spacer.setMargin(true);
        
        cssLayout.addStyleName("m2m-css-style");
        cssLayout.addComponent(inventoryFilterPanel);
        cssLayout.addComponent(horizontalLine);
        cssLayout.addComponent(simCardTable);

        Panel basePanel = new Panel("");
        basePanel.setContent(cssLayout);
	    basePanel.addStyleName("m2m-base-panel");
        basePanel.setSizeFull();
        basePanel.getContent().setSizeUndefined();
        
        addStyleName("m2m-tab-main-view");
        setMargin(false);
        addComponent(basePanel);
        setExpandRatio(basePanel, 1);

The abstract component ‘horizontalLine’ works as a divider to divide the filterPanel component and the table. According to the code it’s added once, however, for some weird reason in the browser it’s added two times. One instance is added where I want it to be and another is added in the upper top of the cssLayout, above everything else! Crazy right!? =P

I have no idea why this is. As you see from the code there’s only one instance of it, and it’s only added once… Anyone have any idea of what is going on?

Thanks!
/Max