Untitled

update the below code to align the search bar and search button properly in the same line/axis. currently they are aligned in the same row but their axis is not same


<div className="row align-items-center">
                <div className="col-lg-9 col-md-9 col-sm-12 mb-sm-0">
                    <Textbox
                        name="question"
                        className="w-100 ux-rfi-search-bar"
                        model="hhsSearchRFI.search"
                        appendIcon="search"
                        placeholder="Search"></Textbox>
                </div>

                <div className="col-lg-2 col-md-2 col-sm-12">
                    <Button
                        id="submit-btn"
                        className="ux-rfi-green-button mt-sm-0 w-100"
                        click={() => handleSearchRFI(hhsSearchRFI.search)}
                        labelKey="search_btn"></Button>
                </div>
            </div>