Segment text is all caps

Do I have to do something special to get the text to appear as it’s typed? I don’t see that I’m doing anything different than the demos except for putting it in a footer.

<ion-footer>
	<ion-segment [(ngModel)]="selectedTab">
		<ion-segment-button value="unapproved">
			Unapproved
		</ion-segment-button>
		<ion-segment-button value="approved">
			Approved
		</ion-segment-button>
	</ion-segment>
</ion-footer>

gives me something that looks like:

image

use a class and apply the
text-transform:none

1 Like

Add the below code in global.scss

ion-segment-button {
    text-transform:none;
  }
2 Likes