@import "../../colors";

.extension-chip {
    box-sizing: border-box;
    display: flex;
    flex-flow: row;
    padding: 10px;
    height: 48px;
    border-radius: 5px;
    background-color: $ui-blue-25percent;

    &.has-status {
        background-color: $ui-orange-25percent;
    }

    .extension-content {
        display: flex;
        flex-flow: column;
        justify-content: center;
        margin-left: 5px;
    }
}
@import "../../colors";

.extension-chip {
    box-sizing: border-box;
    display: flex;
    flex-flow: row;
    padding: .625rem;
    margin: 0 .625rem .625rem 0;
    height: 3rem;
    border-radius: 5px;
    background-color: $ui-blue-25percent;

    &.has-status {
        background-color: $ui-orange-25percent;
    }

    .extension-content {
        display: flex;
        flex-flow: column;
        justify-content: center;
        margin-left: 0 5px;
    }
}
Add more margin to extension chip content, use rem where it makes sense
Add more margin to extension chip content, use rem where it makes sense
