Change ion-label width in ion-item


#1

Hi everyone,

I’m trying to change ion-label width in ion-item but i’m unable to do that. I can change label’s width normally if its outside ion-item by making it display: inline-block. But for some reason, label’s width not changing in ion-item. Other properties are working but not width. Plz, help me out !!!

<ion-item>
      <ion-thumbnail item-start>
        <img src="assets/icon/favicon.ico">
      </ion-thumbnail>
      <ion-label id="my-label">My Label</ion-label>
      
      <div item-content>
        <h2>My Neighbor Totoro</h2>
        <p>Hayao Miyazaki • 1988</p>
        <button ion-button clear>View</button>
      </div>
</ion-item>
#my-cus-label {
    font-weight: bold;
    font-size: x-large;
    display: inline-block;
    width: 50px;
  }