Css 过滤器宽度为的PrimeFaces SelectOne菜单不正确

在我的facelet中，我有一个SelectOne菜单，我想在其中应用过滤器。过滤器按预期工作。唯一的问题是过滤器的宽度与父级不匹配

下面是我在facelet中所做的：

<p:selectOneMenu id="state" filter="true"
    filterMatchMode="startsWith" 
    value="#{manageEmployeeInfoBean.selectedState}">
        <f:selectItem itemLabel="Select One" itemValue=""
             noSelectionOption="true" />
        <f:selectItems
             value="#{manageEmployeeInfoBean.availableStates}"
             var="aState" itemLabel="#{aState}"
             itemValue="#{aState}" />
</p:selectOneMenu>

以下是截图：

---

正如你所看到的，它看起来很奇怪。如何根据父过滤器设置过滤器的宽度？

将其添加到css文件中

.ui-selectonemenu-filter-container {
    width: 98% !important;
}

或者，如果你不想要任何填充物，100%