目前我使用的ion-fab-button如下：

<ion-fab-button size="small" [ngClass]="{'active-tab': currentTab === 'bookmarks'}">
   <ion-icon name="bookmark-outline"></ion-icon>
   <ion-text>Bookmarks</ion-text>
</ion-fab-button>

要显示以下内容，

我必须明确地指定ion-fab-button的宽度并覆盖--border-radius以获得椭圆形（也就是跑道形，而不是椭圆形）。

element.style {
   --border-radius: 20px;
   max-width: unset;
   min-width: unset;
   width: 120px;
}

我试着修改其他属性，比如display: inline-block之类的，但是我好像弄不明白。
如果不指定特定的宽度，您将如何在您的终端上实现相同的事情？由于标签（在ion-text中）的长度会发生变化，我需要宽度是动态的。