#world_clock_grid th:nth-child(2),
#world_clock_grid td:nth-child(2) {
text-align: left;
}

#world_clock_grid .gridjs-tr th {
     padding: 0.2em 0.2em 0.2em 0.4em;
     line-height: 2rem;
}

#world_clock_grid .gridjs-tr td {
    padding: 0.2em 0.2em 0.2em 0.4em;
    line-height: 1.45rem;   
    color: var(--font-color-darker);
    font-weight: var(--font-bold);
}

#world_clock_grid .gridjs-tbody,
#world_clock_grid td.gridjs-td {
    background-color: transparent;
}

#world_clock_grid .gridjs-tr:hover td {
    background-color: rgba(0, 0, 0, .075);
    border-bottom: 1px solid var(--accent2);
}