Отступы у блока с flex-wrar:wrap

.container {
  display: flex;
  gap: 10rem;
  padding: 3rem 0;
}

.menu {
  display: inline-flex;
  gap: 1rem 4rem;
  list-style-type: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  background-color: #eee;
}

<br/>

<header>
  <div class="container">
    <div class="logo">
      <a href="#">Логотип</a>
    </div>
    <ul class="menu">
      <li><a href="#">Главная</a></li>
      <li><a href="#">О компании</a></li>
      <li><a href="#">Продукция</a></li>
      <li><a href="#">Прайс-лист</a></li>
      <li><a href="#">Документация</a></li>
      <li><a href="#">События</a></li>
      <li><a href="#">Контакты</a></li>
    </ul>
    <div class="search"></div>
  </div>
</header>