How do I position the button to the right?

[bbalendran]

Question

How do I position the the "NEXT" and "PREVIOUS" button to the right?

with ui.column().classes('w-1/3'):
    with ui.row():
        with ui.button_group().props('flat'):
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
            ui.button(icon='lens').props('dense flat')
with ui.column().classes('w-1/3 bg-secondary'):
    ui.label('banner')
with ui.column().classes('w-auto'):
    with ui.row().classes('w-full justify-end'):
        prev_btn = ui.button('PREVIOUS')
        next_btn = ui.button('NEXT')

[falkoschindler]

One way is to use ui.space:
https://nicegui.io/documentation/space

[bbalendran]

thanks.

I was able to fix it by changing the column width to 31% instead of "auto".

 with ui.column().classes('w-[31%]'):
    with ui.row().classes('w-full justify-end'):