不能在不平整的底部放置 DIV

Question

升级到 angular/material15 后，我得到了这个未平方的 Div。正如您在图片中看到的那样，它们的比例并不相同。

图片

我无法对文本、DIV 和按钮进行方形处理。你能帮我一下吗？

HTML

CSS

.button-add {
    cursor: pointer;
    background-color: rgb(216, 214, 214);
    border-radius: 0.4rem;
    padding-left: 0.5rem;

    & > span {
        font-size: 0.8rem;
        padding-left: 0.2rem;
    }
}