Чтобы сделать углы табуляции закругленными, я использую следующий код:

.tab {
    -fx-border-radius: 10 10 0 0;
    -fx-background-radius: 10 10 0 0;
}

.tab:selected .focus-indicator {
    -fx-border-radius: 10 10 0 0, 10 10 0 0;
}

Тем не менее, я получаю довольно странное поведение. Когда создается новая вкладка, у нее появляются дополнительные углы, которые позже исчезают, когда я меняю фокус или создаю новую вкладку. Например - я создаю первую вкладку.

Теперь я создаю вторую вкладку. Первая вкладка уже нормальная, но вторая имеет такие странные углы.

Я проверил Centos и Win7 - поведение то же самое. Как это исправить?

РЕДАКТИРОВАТЬ 1
Это все мои файлы CSS. Конечная цель - увеличить заголовки вкладок с закругленными углами.

.tab:selected .focus-indicator {
    -fx-border-radius: 10 10 0 0, 10 10 0 0;
     -fx-border-insets: -7 -7 -9 -8, -5 -5 -9 -6;
}

.tab-pane > .tab-header-area > .headers-region > .tab:selected{
    -fx-border-insets: 10 10 10 10, 10 10 10 10;
}

.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > 
.tab-label {
    -fx-alignment: CENTER;
    -fx-text-fill: -fx-text-base-color;
    -fx-padding:0 10 0 0;
}

.tab-header-area .tab{
    -fx-padding:4 10 5 10;
    -fx-border-radius: 10 10 0 0;
    -fx-background-radius: 10 10 0 0;
}

РЕДАКТИРОВАТЬ 2
Я проверил это на двух разных ПК: 1 (Ubuntu), 2 (Centoc 71 и VM Win7). Я пытался скомпилировать с оракулом JDK - результат тот же.