Issue in border set to ion-list

I tried to set border and shadow effect but i dont know why right side of layout border not work properly.
Please check below code and image

Code :

<ion-content padding>
<form>
	<ion-list radio-group no-lines [(ngModel)]="complaintDetails.complaint_type" name="complaint_type" class="ion-item-border">
	  <ion-list-header>
	   Complaint Type
	  </ion-list-header>
	  <ion-item>
	    <ion-label>Mobile</ion-label>
	    <ion-radio value="1"></ion-radio>
	  </ion-item>
	  <ion-item>
	    <ion-radio value="2"></ion-radio>
	    <ion-label>DTH</ion-label>
	  </ion-item>
	<ion-item>
	    <ion-radio value="3"></ion-radio>
	    <ion-label>Bill Pay</ion-label>
	  </ion-item>
	  <ion-item>
	    <ion-radio value="4"></ion-radio>
	    <ion-label>Bus</ion-label>
	  </ion-item>
	</ion-list>
 <br><br>
</form>
</ion-content>

Css:
page-complaint-entry {
.ion-item-border {
border-radius: 30px !important;
padding-left: 30px !important;
margin-bottom: 10px;
border: 2px solid #73AD21;
box-shadow: 5px 5px 2px grey;
}
}

Output

right corners not cover in border style

set your css class to your list item not to list