在Vaadin 13中，如何让椭圆出现在网格单元格的左侧而不是右侧？

import com.vaadin.flow.component.grid.Grid;
import com.vaadin.flow.component.grid.Grid.Column;
import com.vaadin.flow.component.grid.Grid.ColumnTextAlign;
import com.vaadin.flow.component.grid.GridVariant;
import com.vaadin.flow.component.html.Div;
import com.vaadin.flow.component.html.Span;
import com.vaadin.flow.data.renderer.ComponentRenderer;
import com.vaadin.flow.router.Route;

@Route("")
public class MyView extends Div {

    public MyView() {
        Grid<Person> grid = new Grid<>(Person.class);
        grid.setItems(new Person("John", "Doe"), new Person("Jane", "Smith"));

        // 创建一个自定义的渲染器
        ComponentRenderer<Span, Person> renderer = new ComponentRenderer<>(person -> {
            Span span = new Span("椭圆");
            span.getStyle().set("border-radius", "50%");
            span.getStyle().set("background-color", "blue");
            span.getStyle().set("color", "white");
            span.getStyle().set("padding", "5px");
            return span;
        });

        // 将渲染器应用到指定的列
        Column<Person> column = grid.addColumn(renderer).setHeader("椭圆").setFlexGrow(0);
        column.setTextAlign(ColumnTextAlign.START);

        // 添加网格样式
        grid.addThemeVariants(GridVariant.LUMO_COMPACT);

        add(grid);
    }

    public class Person {
        private String firstName;
        private String lastName;

        public Person(String firstName, String lastName) {
            this.firstName = firstName;
            this.lastName = lastName;
        }

        public String getFirstName() {
            return firstName;
        }

        public String getLastName() {
            return lastName;
        }
    }
}