JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <div class="search-container">
    <form>
      <input type="text" placeholder="Search..." name="search">
      <button type="submit"><i class="fas fa-search"></i><span class="text">Search</span></button>
    </form>
  </div>
</nav>

<script src="https://use.fontawesome.com/6ba8be0f46.js"></script>

CSS

@media only screen and (max-width: 380px) {
  span.text {
    display: none;
  }
}