Comment personnaliser le bouton INPUT

J'ai créé les propriétés imageFile et imageName de l'entite User pour la mise à jour de la photo de profil sur mon site. Ensuite, j'ai fait un formType et un controller. Tout fonctionne, la photo se met à jour, mais je ne peux pas personnaliser le bouton pour envoyer la photo ! Je peux mettre le bouton par défaut, mais pas un bouton personnalisé.

AvatarUploadType:

 public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $builder
        ->add('imageFile', VichImageType::class, [
            'required' => false,
            'allow_delete' => false, 
            'download_uri' => false, 
            'image_uri' => false,
            'label' => false,
            'attr' => [
                'id' => 'custom-file-input',
                'style' => 'display: none', 
            ],
        ])
        ->add('customButton', ButtonType::class, [
            'label' => 'Выбрать файл',
            'attr' => [
                'class' => 'btn btn-primary',
                'id' => 'custom-button',
            ],
        ]);
    }

Twig:

            {{ form_start(form) }}

            {{ form_row(form.imageFile) }}
            {{ form_widget(form.customButton) }}

            {{ form_end(form) }}

Ce que je veux

Je veux un bouton personnalisé qui sera associé à AvatarUploadType

Ce que j'obtiens

Lorsque vous appuyez sur un bouton. Il ne se passe rien.