/* выпадающее меню */
.header-dd {
  position: absolute;
  top: calc(100% + 12px);        /* чуть ниже кнопки, как у тебя на 2 скрине */
  left: 0;
  min-width: 240px;
  background: #0F1417;
  border: 1px solid #1C2529;
  border-radius: 20px;
  padding: 10px 0;               /* без лишнего воздуха сверху/снизу */
  display: none;
  z-index: 200;
}

/* пункт */
.header-dd a {
  display: block;
  padding: 10px 22px;            /* вот оно – как на втором скрине */
  font-size: 14px;               /* шрифт не мелкий */
  line-height: 1.4;
  color: #E6EAE9;
  text-decoration: none;
  border-radius: 14px;           /* чтобы при ховере был скруглённый фон */
}

/* ховер по пункту */
.header-dd a:hover {
  background: rgba(255, 255, 255, 0.04);
}

/* показать */
.header-dd.show {
  display: block;
}

/* активная кнопка в хедере (саму кнопку можно подсветить) */
.header-btn.is-open {
  background: rgba(255, 255, 255, 0.03);
}