样式 ngx-bootstrap 工具提示箭头边框采用箭头的形状

Question

目前，我正面临 ngx-bootstrap 工具提示的这个问题，箭头给出了它的形状的边界，我尝试了多种解决方案，但到目前为止达到了最大值。
我附上了两张图片，第一张是我目前已经实现的，第二张是我想要的。

我正在尝试实现第二个图像，下面是我写到现在的CSS。

.customClass .tooltip-inner {
  border: 2px solid white !important;
}

.customClass .arrow::before {
  border: 1px solid #ccc; /* Add a border to the arrow */
  background-color: #fff; /* Customize the arrow background color */
}