JSFiddle - React, Tailwind, and code Playground

HTML

<div id="submission-page">
<loading v-if="loadingSubmission"></loading>
<full-submission v-if="!loadingSubmission" :list="submission" :full="true"></full-submission>
<vacancies></vacancies>

<div class="l-wide_container l-wide_container--white best_entries_place">
<div class="comments comments--ready">
<div class="comments__body l-pv-30">

<div class="comments__navigation sticky"style="top: 49px;">
<div class="l-height-50 l-clear l-thin_container lt-ph-25 lm-ph-15">
<p class="comments__title l-float-left t-fs-18 tm-fs-15 tt-fs-15 t-ff-1-700">
<span v-show="comments.length" class="comments__title__long lm-hidden">{{ submission.comments_count }} комментария</span>
<span v-show="comments.length" class="comments__title__short l-hidden lm-inline">{{ submission.comments_count }} комм.</span>
</p>
<div class="comments__sort l-float-right t-fs-15" v-show="comments.length > 1">
<div class="ui_tabs" {{ sort === 'hot' ? 'Hot' : 'New' }}>
<p class="ui_tabs__tab ui_tabs__tab--active" @click.native="newSort('hot')">Hot</p>
<p class="ui_tabs__tab" @click.native="newSort('new')">New</p>
</div>
</div>
</div>
</div>

</div>
</div>
</div>

<comment-form :submission="submission.id" :commentors="commentors"></comment-form>
</div>