Align-Right in Grid

Hi guys,

Im having problem aligning a specific column using Grid. I followed the steps in the documentation but still did not work. here’s my code.

public class PromoDealsGridData extends Grid implements Grid.CellStyleGenerator{

    public PromoDealsGridData() {
        setSelectionMode(SelectionMode.SINGLE);
        setSizeFull();
        
        setContainerDataSource(new GridContainerDataSource());
        setFrozenColumnCount(1);    

        setCellStyleGenerator(this);
    }

    @Override
    public String getStyle(CellReference cellReference) {
        System.out.println(cellReference.getPropertyId());
        if(cellReference.getPropertyId().equals("promo amount")){
            return "align-right";
        }
        return "align-right";        
    }
    
}

.v-align-right {
    text-align: right;
}