Как мне избавиться от второго блока в этом DIV

Question

Я должен что-то упустить.

Кто-нибудь может посоветовать, как избавиться от блока справа ( СМ. СКРИНШОТ) ? Я просто хочу, чтобы окно поиска отображало всю ширину, и по какой-то причине (я не могу понять, почему) оно уплотняется в блоке слева.

<v-row>
  <v-col>
     <ais-instant-search :search-client="searchClient" index-name="brands_index">
        <ais-configure :hitsPerPage="5" />
        <ais-autocomplete>
          <div slot-scope="{ indices }">
            <v-autocomplete
              placeholder="Type your brand name here..."
              v-model="brand"
              filled
              :items="indicesToSuggestions(indices)"
            />
            <v-autocomplete label="Components" :items="components"></v-autocomplete>
          </div>
        </ais-autocomplete>
     </ais-instant-search>
   </v-col>
 </v-row>

Answer 1

Я понял это ... на случай, если кто-то столкнется с той же проблемой - следите за этим парнем в вашем теге стиля. Я, должно быть, скопировал это из примера и забыл об этом.

.ais-InstantSearch {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1em;
}