JSFiddle - React, Tailwind, and code Playground

HTML

<div class="owl-item" style="width: 393px;"></div>
<div class="owl-item active" style="width: 393px;"></div> 
<div class="owl-item active" style="width: 393px;"></div>
<div class="owl-item active" style="width: 393px;"></div>
<div class="owl-item active" style="width: 393px;"></div>

CSS

.owl-item {
  height: 20px;
  background: #eee;
}

.owl-item.active {
  border: 2px solid red;
}

.owl-item.active + .owl-item.active {
  border: none;
}

/* Или же так, наверное, более надежно */
.owl-item.active ~ .owl-item.active {
  border: none;
}