ionic - содержание ионного ряда не отображается правильно

Question

В моем HTML-файле в проекте Ionic у меня есть ion-grid с тремя рядами. Первая содержит карту, вторая - список, а третья - кнопку. Проблема в том, что содержимое второго ряда нигде не показывается.

Это HTML-код:

 <ion-grid>
<ion-row>
<div class="map-container">
  <div id="map">
  </div>
</div> 
 </ion-row>

 <ion-row>
<ion-list>
  <p>
    Prova
  </p>
  <p>
      Prova
    </p>
    <p>
        Prova
      </p>
</ion-list>
</ion-row>

<ion-row>
<button ion-button color="primary" block (click)='planTrip()' id="button_plan"> Pianifica il tuo percorso </button>
</ion-row>
 </ion-grid>

И это CSS

#map{
width: 100%; 
height:92%; 
position: fixed;
}

#prova{
  position:fixed;
}

#button_plan{
  position: fixed;
  bottom: 0;
  width: 100%; 
  margin-bottom: 0px;
}