:host {
    overflow: auto;
}
div:first-of-type {

    margin-top: 1rem;
}
.contact-list {
    width: 100%;
    border-collapse: collapse;
    
    & thead {
        background-color: var(--primary);
        color: white;
        text-transform: uppercase;
        & th {
            padding: 1rem 0;
        }
        
    }

    & tbody td {
        padding: .5rem;
        &:nth-child(4) {
            text-align: center;
        }
    }
    
}