Espacio cuando se realiza el wrap de los componentes.

Hola, estoy tratando de acomodar 2 campos en una sola linea y que en automatico haga wrap, si se ejecuta bien el wrap pero me pone un espacio al inicio del campo en la segunda linea, como puedo resolver esto? aqui esta el código…

    VerticalLayout layout = new VerticalLayout();
    layout.setSizeFull();
    layout.setPadding(false);

    txtName = new TextField("Nombre");
    txtName.getStyle().set("flex-grow", "6");
    
    txtPhone = new TextField("Teléfono");
    txtPhone.getStyle().set("flex-grow", "1");
    
    HorizontalLayout layFields = new HorizontalLayout(txtName, txtPhone);
    layFields.setWidthFull();
    layFields.getStyle().set("flex-wrap", "wrap");
    add(layFields);

Aqui esta la [imagen]
(https://drive.google.com/open?id=1jFU6xLxXI0E4uepFhdhhP0hdPkzvo6G6) del resultado.

Gracias!