Запретить высоту жидкости сверху вниз во flexbox

Question

Как сделать так, чтобы $100 имел собственную высоту?теперь это жидкость сверху и снизу.Я могу выровнять его по вертикали, используя функцию «align-item», но он имеет плавную высоту сверху вниз, чего я не хотел.

.wrap {
  display: flex;
  justify-content: space-between;
  border: 1px solid;
}

.middle {
  display: flex;
  align-items: center;
  background: red;
}

<div class="wrap">
  <div>
    <p>
      abc
    </p>
    <p>
      123
    </p>
  </div>
  <div class="middle">
    $100
  </div>
</div>