.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; } }