Shouldn't `DropdownMenu.Content` scroll by default? about primitives HOT 7 CLOSED

export const TeamSwitcher: React.FC<Props> = props => {
    const { teams, currentTeamId, onChange, onCreateNew } = props;
    const [portalContainer] = useState(() => document.getElementById("portal"));

    const currentTeam = defined(teams.find(t => t.id === currentTeamId));

    return (
        <DropdownMenu.Root>
            <DropdownMenu.Trigger tw="w-full p-2 flex items-center justify-center gap-3 rounded-xl hover:bg-n200A data-[state=open]:bg-n200A">
                <TeamListItem team={currentTeam} selected={false} />
            </DropdownMenu.Trigger>

            <DropdownMenu.Portal container={portalContainer}>
                <DropdownMenu.Content tw="p-1 min-w-[248px] shadow-md-dark bg-bg-front rounded-lg" align="start">
                    {teams.map(t => (
                        <DropdownMenu.Item
                            tw="p-2 hover:bg-n200A data-[highlighted]:bg-n200A rounded-xl"
                            key={t.id}
                            onClick={() => onChange(t.id)}>
                            <TeamListItem team={t} selected={t.id === currentTeamId} />
                        </DropdownMenu.Item>
                    ))}
                </DropdownMenu.Content>
            </DropdownMenu.Portal>
        </DropdownMenu.Root>
    );
};