css - イオンリストの間隔を削除

Question

アイテム間のスペースを取り除こうとします。ご覧のとおり、リストは垂直方向のスペースのログを占有しており、テキストを近づける必要がありますが、行を維持したいと考えています。

私はさまざまなcssのものを試しました（マージン/パディングを0に設定し、最大高さを減らします）が、その間のスペースを削除するのではなく、常に行とテキストを切り取ります。

     <ion-card>
            <ion-card-header>
                <ion-card-subtitle>
                Tichumaster
                </ion-card-subtitle>
                <ion-card-title>
                    <ion-icon class="iconSize" name="aperture"></ion-icon>
                </ion-card-title>
                <ion-card-content>
                    <ion-list>
                        <ion-item>
                                <ion-label>Du</ion-label>
                                <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                    </ion-list>
                </ion-card-content>
            </ion-card-header>
        </ion-card>