JSFiddle - React, Tailwind, and code Playground

HTML

<li class="filter-item">
  <div class="dropdown">
    <div class="outer">
      <div class="filter-button-name">
        <span>Status</span>
      </div>
      <div class="filter-number-label">
        <span class="label">4</span>
      </div>
    </div>
  </div>
</li>

CSS

li {
  width: 200px;
  background-color: white;
  height: 35px;
  display: block;
}

.outer {
  height: 100%;
  background-color: gray;
  display: table;
}

.filter-button-name {
  background-color: lightblue;
  display: table-cell;
  height: 100%;
}

.filter-number-label {
  background-color: pink;
  color: purple;
  display: table-cell;
  height: 100%;
}

.dropdown { height: 100%; } /* NEW */