NativeScript margin not taking effect on Android

list.css

SearchBar {
    background-color: white;
    margin: 8;
}

GridLayout {
    margin: 7;
}

.wrapper {
    background-color: #eaedee;
}

.list-item {
    background-color: white;
    padding:10;
    margin-bottom: 20;
}

.list-title {
    font-weight: bold;
    font-size: 14;
    color: black;
}

.list-subtitle {
    font-size: 12;
}

list.xml

<GridLayout rows="auto, *" columns="*" backgroundColor="#eaedee" id="gridLayout">
        <SearchBar col="1" row="0" text="{{ search }}" hint="Search" id="search" returnPress="searchForJobs" />
        <ListView items="{{ candidateList }}" id="candidateList" row="1" colSpan="2" itemTap="viewJob" loadMoreItems="loadMoreCandidates">
            <ListView.itemTemplate>
                <GridLayout columns="*, auto" rows="auto, auto, auto, auto" cssClass="list-item">
                    <Label row="0" text="{{ firstName + ' ' + lastName }}" cssClass="list-title" />
                    <Label row="1" text="{{ currentTitle + ' at ' + currentCompany }}" cssClass="list-subtitle"/>
                    <Label row="2" text="{{ jobTitle }}" cssClass="list-subtitle"/> 
                    <Label row="3" text="{{ status }}" cssClass="{{ 'list-subtitle ' + statusClass}}"/>
                    <Label col="1" row="0" text="{{ dateApplied }}" cssClass="list-subtitle"/>                 
                </GridLayout>
            </ListView.itemTemplate>
        </ListView>
        <ActivityIndicator busy="{{ isLoading }}" rowSpan="2" colSpan="2" width="50" height="50" />
    </GridLayout>