Ion-list item ion-option-buttion problem......i have issue with trasparent background of list when i swap the list it will look very durty the way option button is show....show i want the solution for that

1

below is my code…

<ion-list ng-repeat="notification in NotificationsData" >
        <ion-item ng-class="{schactive:notification.clienttripratenotifyread}" ng-click="rateRide(notification)">
            <i><img src="images/calendaricon.png" alt="" title="" /></i>
            <div class="schedtl">
                <h1>Please rate your KEY</h1>
                <p>Dont forgot to rate your KEY from {{notification.endtimeformated}}</p>
            </div>
            <ion-option-button class="button-assertive" ng-if="!notification.clienttripratenotifyread" ng-click="markAsRead(notification)" >
                Mark as<br>
                Read
            </ion-option-button>
            <ion-option-button class="button-calm" ng-click="deleteNotification(notification)">
                Delete
            </ion-option-button>![image](upload://vZZjftvtjoGJKQbpk72gkRPdrI6.png)
        </ion-item>
    </ion-list>

i want the solution please it urgent.
Thank youimage