<AdditiveList> first item does not align if <AdditiveList> follows other component in a <Section>

[BingRen]

If I place <AdditiveList> following another component inside a <Section>, the first item of the additive list would not align with the others. 

function settingsComponent(props) {
    return (
      <Page>
        <Section
        title="Section Title"
        description="Section Description">
        <Text>Text</Text>
        <AdditiveList
          settingsKey="additive-list-2"
        />       
      </Section>
    </Page>
    );
  }
  
  registerSettingsPage(settingsComponent);
  

                

If I place <AdditiveList> alone inside a <Section> it works well.

function settingsComponent(props) {
    return (
      <Page>
        <Text>Text</Text>
        <Section
        title="Section Title"
        description="Section Description">
        <AdditiveList
          settingsKey="additive-list-2"
        />       
      </Section>
    </Page>
    );
  }
  
  registerSettingsPage(settingsComponent);
  

My device is Nokia 7.2, Android 10, updated lately. Fitbit App last updated 3 August 2020.

Please fix this problem. Thanks.