Ionic fab label is not shown for boundary issue

I think it’s css problem…but don’t know how to solve it.

problem is…

css is

button[ion-fab] {
    overflow: visible;
    position: relative;
    ion-label {
            white-space: normal !important;
      display: inline-block;
      position: absolute;
      top: -8px;
      right: 60px;
      color: white;
      background-color: rgba(0,0,0,0.7);
      line-height: 24px;
      padding: 4px 8px;
      border-radius: 4px;
      pointer-events: auto;
    contain: layout;

.html is

    <ion-fab right bottom>
            <button ion-fab color="light">
              <ion-icon name="menu"></ion-icon>
            <ion-fab-list side="bottom">
              <button ion-fab>
                <ion-icon name="person"></ion-icon>
                <ion-label>Test Test Test</ion-label>
              <button ion-fab>
                <ion-icon name="alarm"></ion-icon>
                <ion-label>Bla Bla</ion-label>

label text is not shown at all… I changed z-index but not working…

스크린샷 2020-08-17 오후 9.18.16

I think it’s because of boundary of ion-fab which is width 60px…but if I force stretch width, it also occur another problem

what is the margin of right side…
it’s not adjustable. I checked with inspection but there’s no margin or padding.
스크린샷 2020-08-17 오후 9.21.48