How to make navigation menu expand to the left instead of to the right of the parent item?

[hmontes]

It should drop down like this (Hover on User)

    itemA    User
        ---------
        |       |
        ---------

My code

<NavigationMenu>
  <NavigationMenuList>
    <NavigationMenuItem>
      <NavigationMenuTrigger>
        <CircleUserRound size={36} />
      </NavigationMenuTrigger>
      <NavigationMenuContent>
        <ul className="grid w-56 gap-3 p-4">
          <NavigationMenuLink>{user.name}</NavigationMenuLink>
          <NavigationMenuLink>
            <Separator />
          </NavigationMenuLink>
          <NavigationMenuLink>Log out</NavigationMenuLink>
        </ul>
      </NavigationMenuContent>
    </NavigationMenuItem>
  </NavigationMenuList>
</NavigationMenu>

Edit: I found the solution. It's a bad one, but works.

In navigation-menu.tsx replace

<div className={cn("absolute left-0 top-full flex justify-center")}>

with

<div className={cn("absolute top-full flex justify-center right-0 left-auto")}>