DashboardSidebar customisations

I'm using the latest nuxt ui 4.0.0-alpha.2 and for a UDashboardSidebar i'm trying to customise the default slideover in the <lg breakpoints like this

:menu="{
    class: 'max-w-[300px]',
    ui: {
      header: 'flex items-center gap-1.5 px-2 sm:px-4 min-h-16', // Complete header override
    },

:menu="{
    class: 'max-w-[300px]',
    ui: {
      header: 'flex items-center gap-1.5 px-2 sm:px-4 min-h-16', // Complete header override
    },

:menu="{
    class: 'max-w-[300px]',
    ui: {
      header: 'flex items-center gap-1.5 px-2 sm:px-4 min-h-16', // Complete header override
    },

:menu="{
    class: 'max-w-[300px]',
    ui: {
      header: 'flex items-center gap-1.5 px-2 sm:px-4 min-h-16', // Complete header override
    },

the max-w-[300px] is taking effect but the px-2 sm:px-4 isn't :| how to do this