Javascript 如何设置Grommet 2 React组件中的子节点的样式

我有这个问题：

我希望日历图标呈现得更小一些，在

输入中，与三个边框等距。

我可以通过使用CSS减少图标的填充和大小来实现它。

问题是我不知道如何瞄准它

这是@Atanaster for的控件，是HP的UI框架。

它看起来像这样，因为我改变了它的大小，我的版本比原来的版本浅

由于这些都是
样式化的组件
，我认为可能有一种方法可以对它们进行样式化，但我不知道如何定位组件的子组件，即其内部HTML节点

反复阅读文档达数小时也无济于事。

我会非常感谢一些关于造型的智慧，或者确认我想做的是不可能的

这里可以看到一个例子：