Красная рамка вокруг HBow в StackPane Javafx

Question

У меня небольшой вопрос по поводу StackPanes. В моем приложении есть StackPane, а в нем TabPane и маска поиска. Я предварительно покрасил его краской.

Черная рамка показывает TabPane, а желтая рамка показывает другой слой, который также содержит поле поиска (HBox). На вкладках моего TabPane h есть TreeView. Теперь хотелось бы, чтобы, если поиск ничего не нашел, рамка (целое оранжевое поле) окрашивалась в красный цвет. Теперь, если я поставлю красную рамку вокруг HBox, то это будет не граница оранжевого HBox, которая будет красной, а граница слоя (так что красная граница отображается как желтая линия). Может ли кто-нибудь сказать мне, как получить красную рамку вокруг моего HBox?

Вот мой код:

<StackPane fx:id="TabVBox">
        <TabPane fx:id="TabPane" tabDragPolicy="REORDER" VBox.vgrow="ALWAYS">
            <Tab text=" + " fx:id="myFirstTab" closable="false">

            </Tab>
        </TabPane>
        <HBox fx:id="searchBox" visible="false" alignment="BOTTOM_RIGHT" pickOnBounds="false" styleClass="searchFilterBox">
            <TextField fx:id="filter" promptText="Search..."></TextField>
            <Button fx:id="applyFilter" onAction="#applyFilter" styleClass="searchFilerCss">
                <graphic>
                    <FontAwesomeIcon glyphName="SEARCH" size="10.0" styleClass="searchGlyphCss"/>
                </graphic>
            </Button>
            <Button fx:id="removeFilter" onAction="#removeFilter" styleClass="removeFilterCss">
                <graphic>
                    <FontAwesomeIcon glyphName="TIMES" size="12.0" styleClass="remoeGlyphCss"/>
                </graphic>
            </Button>
        </HBox>
</StackPane>

РЕДАКТИРОВАТЬ: Я думаю, я должен поместить HBox в другой контейнер так что я могу разместить HBox вправо, но я не знаком с другим контейнером, кроме VBox.