从看似无处的按钮CSS？如何左对齐

Question

我目前在自定义Angular组件上有一个按钮，看起来有一些边缘值来自不知名。

以下是使用开发工具突出显示按钮的图像：

按钮左侧的小蓝色部分是我想要摆脱的，或者换句话说，我该如何左对齐此按钮？

以下是当前应用于它的CSS：

关于为什么会发生这种情况的任何想法？此按钮是表单的一部分，看起来可能有其他样式应用于它（ng.untouched，ng.pristine，ng.invalid）。

由于

Answer 1

display:flex和aling-items: flex-end必须应用于容器，而不是项目。