How to align the action with the title and the description in a Toaster?

[alamenai]

Hi,

I have this toast:

toast({
          className: "flex flex-col justify-start gap-4 items-start relative",
          title: "Änderungen speichern?",
          description: "Möchten Sie die Änderungen an diesem Dach speichern?",
          duration: 10000, // 10 seconds
          action: (
            <div className='flex gap-2'>
              <ToastAction
                className='bg-blue-600 hover:bg-blue-700 text-white'
                altText='Speichern'
                onClick={() => {
                  handleSaveRoofChanges(updatedFeature, roofId)
                  t
                }}
              >
                Speichern
              </ToastAction>
              <ToastAction
                altText='Abbrechen'
                onClick={() => {
                  handleCancelRoofChanges(updatedFeature.id as string, roofId, allRoofSurfaces)
                  t
                }}
              >
                Abbrechen
              </ToastAction>
            </div>
          ),
        })

The toast looks like:

However, I want to align the action () with the title and description vertically.

I tried to reset the margin on the div element but it did not work.

  <div className='flex gap-2 ml-0'>

When I inspected the element, I found that's li: