badge placement is offset in list pages [fixed]

badge placement is offset in list pages [fixed] Demo

View Demo Full Screen View Demo New Tab

badge placement is offset in list pages [fixed] Code

HTML

<!-- Original Format -->
        <div class='d-flex w-100 justify-content-between'>
          <div class='nice-date'><small class="text-muted">2:43 am, January 1, 2021 </small></div>
          <div class='category'><a href='/search/[@class_name]/[@category_urlenc]/' class="badge badge-secondary">[@category]</a></div>
        </div>

<!-- New Grid Format -->
        <div class='row list-item-meta'>
          <div class='col-lg-6'>
            <div class='nice-date'><small class="text-muted">2:43 am, January 1, 2021 </small></div>
          </div>
          <div class='col-lg-6'>
            <div class='category'><a href='/search/[@class_name]/[@category_urlenc]/' class="badge badge-secondary">[@category]</a></div>
          </div>
        </div>

CSS

.list-item-meta .category .badge {
  position:relative;
  top: 0;
}
.list-item-meta .category {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: right;
}