.profile-content-tabs {
    border-top: 1px solid $whitish;
    z-index: 9;
    .tab {
        color: $gray-light;
        display: inline-block;
        padding: 1rem;
        &:hover,
        &.active {
            color: $gray;
            transition: color .2s linear;
            .icon {
                fill: $primary-light;
            }
        }
        &.active {
            background: $white;
            border-left: 1px solid $whitish;
            border-right: 1px solid $whitish;
            position: relative;
            top: 1px;
            transition: color .2s linear;
            .icon {
                color: $primary;
            }
        }
    }
    .icon {
        fill: $gray-light;
        height: .8rem;
        margin-right: .5rem;
        transition: fill .2s linear;
    }
}
