Как избавиться от этого пространства между ионными метками?

Question

Я хочу избавиться от пробела между метками.Я полагаю, это из-за <ion-item>.Поскольку пространство исчезает, если я использую <div>.Но тогда проблема в том, что элементы больше не находятся в ряду, и если я нажимаю <ion-row> на кнопках, они как-то исчезают, поэтому я пытаюсь решить это с помощью <ion-item>.

Вот мой коди изображение проблемы

html.page

<ion-item mode="ios" class="out" lines="none" *ngSwitchCase="false">
  <ion-row>
    <ion-col>
      <ion-label class="one"> 20 </ion-label><br />
      <ion-label class="two">Members</ion-label>
    </ion-col>
    <ion-col>
      <ion-label class="one"> 5 </ion-label><br />
      <ion-label class="two"> Friends </ion-label>
    </ion-col>
  </ion-row>

  <ion-fab-button size="small" color="danger" class="report" slot="end">
    <ion-icon name="alert"></ion-icon>
  </ion-fab-button>
  <ion-fab-button size="small" color="primary" slot="end">
    <ion-icon name="alert"></ion-icon>
  </ion-fab-button>
</ion-item>

scss.page

.one {
  color: rgb(43, 42, 42);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.2px;
  margin-bottom: 0% !important;
}

.two {
  color: #7f8c8d;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.2px;
  padding: 0% !important;
}