JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <span class="icon">icon</span>
  <span class="title">text</span>
</div>

CSS

.container {
  display: flex;
  background-color: #7D8F99;
  width: 100%;
  height: 50px;
}

.title {
  display: flex;
  background-color: #9AADB8;
}

.icon {
  display: flex;
  background-color: #1AADA9;
 }