Why does the link stretch to the full height of the parent block?

Question

css

The link (Login) in the block stretches to the full height.

I want to achieve this result:

Answer 1

.login-btn {
  display: table;
  padding:10px 20px;
}

Answer 2

Your class login display: flex. Flex stretches all child elements to their maximum by default. For your case, I would just recommend playing around with the height of the parent block itself. And also set the login height: auto class.
https://developer.mozilla.org/ru/docs/Learn/CSS/CS...