Input field underline missing when inside ion-card

**Ionic version: 3.2.1

**I’m submitting a Bug Report

Current behavior: When I put an <ion-input> inside an <ion-card> The bottom border that acts as an underline is being overwritten with some core css found here when using the md or default modes.

.card-md .item-md.item-block .item-inner {
  border: 0;
}

The password field has a border but only because it is also the last child of a list.

Code to produce:

<ion-card class="contentBox">
            <ion-card-header>
              <h3>Login</h3>
            </ion-card-header>
            <ion-card-content>
            <ion-list>
              <ion-item>
                <ion-label floating>Email</ion-label>
                <ion-input type="email"></ion-input>
              </ion-item>
              <ion-item>
                <ion-label floating>Password</ion-label>
                <ion-input type="password"></ion-input>
              </ion-item>
            </ion-list>
            </ion-card-content>
</ion-card> <!-- contentBox -->

Expected behavior: Should leave the underline intact Plunker: http://plnkr.co/edit/hSbLqd?p=preview

[iget-master]

While ionic-team doesn’t fix it, the following rules could be added to your app.scss to fix it:

//@todo: Remove after Issue ionic-team/ionic#11640 is fixed
.card-md .item-md.item-block:not(:last-child) .item-inner {
  border-bottom: 1px solid #dedede;
}

.card-md .item-md.item-block:not(.item-input):not(.item-select):not(.item-radio):not(.item-checkbox) .item-inner {
  border: 0;
}

[reyco1]

This worked for me. I just placed it in my page’s scss file:

.card-md .item-inner { border-bottom: 1px solid #dedede !important; }