Как получить пользовательский выбор плавающего фильтра, чтобы он был на всю ширину столбца в ag-grid angular

Question

Кажется, я не могу получить пользовательский компонент плавающего фильтра равным полной ширине столбца, используя ag-grid в angular 8. У меня есть следующий шаблон и css для моего компонента:

@Component({
    template: `
        <select [(ngModel)]="selectedOption" (ngModelChange)="valueChanged()">
            <option value="all">All</option>
            <option value="true">True</option>
            <option value="false">False</option>
        </select>`,
    styles: ['select {width: 100%;}']
})

Когда я смотрю на элементы в chrome, кажется, что компонент фильтра не наследует ширину своего родителя. ag-grid предоставляет простой способ сделать это или есть другой способ использования css?