Remove padding from toolbar with ion-segment buttons

Ionic Framework ionic-v3
1

I want to add ion-segment buttons inside a page where the user can switch between different content. I have added a ion-segment-buttons but there is some padding underneath them that I cant seem to remove, I want to remove that padding so the border of the selected button is right underneath the button/tab

tab-bar

		<ion-row>

			<ion-toolbar class="feedToolbar" no-border no-padding>

			    <ion-segment [(ngModel)]="icons" class="lightgrey" >

			      <ion-segment-button value="camera" style="padding:0px !important;">
			        NEW
			      </ion-segment-button>

			      <ion-segment-button value="bookmark">
			        SAVED
			      </ion-segment-button>

			    </ion-segment>

			  </ion-toolbar>

		</ion-row>
2

Try

.segment-button-checked{
background: #FFF;
color: var(–ion-color-primary);
border-bottom: 3px solid var(–ion-color-primary);
padding-top:10px;
}