Как настроить ярлык в Vaadin Gridlayout

Question

Я работаю с сеткой Ваадина 5x4.Я пытаюсь добавить две индивидуальные метки в сетке.Я использую .scss для укладки.Я не могу заполнить ярлык целиком.Независимо от того, я установил высоту и ширину моей этикетки на 100%.Это не заполняет целое.Я приложил .png, как мне нужен результат.

Вещи, которые я пробовал.

_Layout = new GridLayout(5,4);
_Layout.setWidth(100, Unit.PERCENTAGE);
_Layout.setHeight(23, UNITS_CM);
_Layout.setSizeFull();
_Layout.setSpacing(true);
_Layout.addStyleName("grid");

_Name = new Label("");
_Name.setSizeFull();
_Name.setWidth("100px");
_Name.setHeight("100%");
_Name.addStyleName("label");

В моем .scss у меня есть что-то вроде.

.label {
    color: black;
     background-color: lightblue;
     text-align: center;
     width: 100px;
     height: 100px;
     font-size: 80px;
     text-align: center;
    }

.grid {
    display:grid;
    height: 10px;
    grid-gap: 10px 40px;
    grid-template-rows: 50px;
    }

Но он не заполняет один блок.См. приложение.Спасибо.