Autoscaling textfield width in FormLayout

Flow
1

The textfields when viewed on small screens are not taking full width available.

image

The colSpan is set to 1 so I thought it will take all available space. But it is not.

Here is the code I’ve

  TextField revenueField = new TextField();
        TextField expensesField = new TextField();

        FormLayout basicItemInfoLayout = new FormLayout();
        basicItemInfoLayout.addFormItem(revenueField, "Revenue");
        basicItemInfoLayout.addFormItem(expensesField, "Expenses");
        List<FormLayout.ResponsiveStep> responsiveStep = List.of(new FormLayout.ResponsiveStep("0", 1, FormLayout.ResponsiveStep.LabelsPosition.TOP), // 1 column for small screens (top labels)
                new FormLayout.ResponsiveStep("600px", 2, FormLayout.ResponsiveStep.LabelsPosition.ASIDE));

        basicItemInfoLayout.setResponsiveSteps(responsiveStep);

Should I set the individual textfield to setFullWidth() ?

2

Vaadin doc assistany says

Set individually each field to 100%

// Create text fields and set their width to 100%
        TextField revenueField = new TextField("Revenue");
        revenueField.setWidthFull(); // Set to full width

        TextField expensesField = new TextField("Expenses");
        expensesField.setWidthFull(); // Set to full width
```.
Is that correct and only way to autoscale the fields ?