Как настроить стиль django-autocomplete-light Forms

Мне нужна ваша помощь в настройке стиля TextInput Box при использовании django-autocomplete-light.

Конкретно, у меня есть модель данных TextHeader, UserInputDataSearch, затем я создаю объект представления как

# views.py
class DataSearchAutocomplete(autocomplete.Select2QuerySetView):
    model = UserInputDataSearch
    form_class = SearchDataForm
    success_url = 'data_access'
    
    def get_queryset(self):
        qs = TextHeader.objects.all()
        if self.q:
            qs = qs.filter(keywordFinder__istartswith=self.q)

        return qs

Ниже приводится <<<1>>

>

class SearchDataForm(forms.ModelForm):
    userSearch = forms.ModelChoiceField(
        queryset=TextHeader.objects.all(),
        widget = autocomplete.ModelSelect2(
            url='dataSearch-autocomplete',
            attrs={
                'data-html': True,
                "type":"search",
                "class":"form-control",
                "id":"autoCompleteData",
                "autocomplete":"off",
                },
        )
    )
    

    
    dateRange = fields.DateRangeField(
        input_formats=['%d/%m/%Y'],
        widget=widgets.DateRangeWidget(
            format='%d/%m/%Y',           
        )
    )
    
    class Meta:
        model = UserInputDataSearch
        fields = ["userSearch"]

Затем, в html-шаблоне, я записываю эти строки

#htmlTemplate
               <form method="POST">
                    {% csrf_token %}
                    <div class="row g-3">
                        <div class="col-lg-6">
                            <div>
                                {{ form.userSearch|as_crispy_field }}  
                            </div> 
                        </div><!--end col-->
                        <div class="col-lg-6">
                            <div>
                                {{ form.dateRange|as_crispy_field }}
        
                            </div>
                        </div><!--end col-->
                       
                        <div class="col-lg-12">
                            <div class="text-left">
                                <button type="submit" class="btn btn-primary">Find</button>
                            </div>
                        </div><!--end col-->
                    </div><!--end row-->
                </form> 

Однако, он отображает мою страницу с разным стилем двух боксов, как на скриншоте ниже, я задаюсь вопросом, как сделать их в одном стиле

Вернуться на верх