Ionic fab label is not shown for boundary issue

[pdj]

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>
            </button>
        
            <ion-fab-list side="bottom">
        
              <button ion-fab>
                <ion-icon name="person"></ion-icon>
                <ion-label>Test Test Test</ion-label>
              </button>
        
        
              <button ion-fab>
                <ion-icon name="alarm"></ion-icon>
                <ion-label>Bla Bla</ion-label>
              </button>
        
            </ion-fab-list>
        
          </ion-fab>

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

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.