如何修复组合框中的模糊项目

Question

当我将应用程序缩小到手机屏幕时，所有组合框中的所有项目都会变得模糊

private ComboBox<City> cityCB = new ComboBox<>("City");


<dom-module id="combobox-style" theme-for="vaadin-text-field">
    <template>
        <style>
            :host(#input) [part="value"]{
                border-right: solid 2px black;
            }
            :host(#input) [part="input-field"]{
                background-color: white;
                border: solid 1px lightgray;
                border-radius: 0;
            }
        </style>
    </template>
</dom-module>

这是我的组合框及其所有样式。

http://prntscr.com/nfrbhw-这是它在电话屏幕上的外观图像，同样使用vaadin flow 13.0.4。知道这是vaadin问题还是我问题？