如何防止表情符号改变选择标记的高度？

Question

我正试图在这样的select标签中显示表情符号：

<div>
  This is stuff <select>
<option>Something </option>
<option>Another thing</option>
</select>
</div>

问题是，至少在macOS上，当我选择含表情符号的选项时：

1. 它使整个包含组件的高度更高
2. 并且选择内的文本向下移动（几乎被选择的底部切断）。

这是一个小提琴：https://jsfiddle.net/dpgfa1ek/1/

这就是它的样子（注意向上和向下移动）：



如何防止这种转变？最好，我想要一个只有CSS的解决方案，但如果我必须做JS，我可以。