# How to remove bottom border of \<ion-radio\>?

**URL:** <https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351>\
**Category:** Ionic Framework\
**Created:** [April 1, 2020, 6:07pm UTC](https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351 "2020-04-01T18:07:48Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sweg](https://avatars.discourse-cdn.com/v4/letter/s/9dc877/32.png) [@Sweg](https://forum.ionicframework.com/u/Sweg)\
**Post date:** [April 1, 2020, 6:07pm UTC](https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351/1 "2020-04-01T18:07:48Z")

</div>

I am displaying some radio buttons like so:

![snip2](https://global.discourse-cdn.com/ionicframework/original/3X/6/6/666fc3bbfcb39a0117375007fefe73458338a220.png)

But now I want to remove the bottom border from them.

Below is my HTML & CSS, can someone please tell me how to do this?

```auto
<ion-radio-group [(ngModel)]="userType">
      <ion-row class="rowStyle">
        <ion-item color="primary-contrast">
          <ion-label>Customer:</ion-label>
          <ion-radio value="customer"></ion-radio>
        </ion-item>
        <ion-item color="primary-contrast">
          <ion-label>Supplier:</ion-label>
          <ion-radio value="supplier"></ion-radio>
        </ion-item>
      </ion-row>
    </ion-radio-group>

```

CSS:

```auto
.rowStyle {
    background-color: white;
    padding-left: 10px;
    border-radius: 30px;
    margin-bottom: 10px;
  
    ion-icon {
      margin-top: 13px;
      margin-right: 10px;
    }
  }

```

---

<div class="post-metadata">

**Author:** ![ChrisGriiffith](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/chrisgriiffith/32/66576_2.png) [@ChrisGriiffith](https://forum.ionicframework.com/u/ChrisGriiffith)\
**Post date:** [April 1, 2020, 6:23pm UTC](https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351/2 "2020-04-01T18:23:33Z")

</div>

Which version of Ionic are you using? Probably something in the ion-item that needs to be changed.

---

<div class="post-metadata">

**Author:** ![Sweg](https://avatars.discourse-cdn.com/v4/letter/s/9dc877/32.png) [@Sweg](https://forum.ionicframework.com/u/Sweg)\
**Post date:** [April 1, 2020, 6:40pm UTC](https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351/3 "2020-04-01T18:40:53Z")

</div>

Hi, it’s ionic 5 I’m using

---

<div class="post-metadata">

**Author:** ![aaronksaunders](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/aaronksaunders/32/13729_2.png) [@aaronksaunders](https://forum.ionicframework.com/u/aaronksaunders)\
**Post date:** [April 1, 2020, 7:13pm UTC](https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351/4 "2020-04-01T19:13:34Z")

</div>

`<IonItem lines="none">`

---

<div class="post-metadata">

**Author:** ![sagar1412](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sagar1412/32/133814_2.png) [@sagar1412](https://forum.ionicframework.com/u/sagar1412)\
**Post date:** [April 2, 2020, 12:46pm UTC](https://forum.ionicframework.com/t/how-to-remove-bottom-border-of-ion-radio/186351/5 "2020-04-02T12:46:37Z")

</div>

hi use following code on your page.scss  
.item-md.item-block .item-inner {

```
    padding-right: 8px;

    border-bottom: none;

}
```