Slick slider. Dots (dots) for the active one have a height and width of 15, and for an inactive one they have 15 in width and 18 in height. Why?

Question

css

https://codepen.io/roderen/pen/YzGamJZ The
active dot is 15 by 15 (as it should be), and the inactive one is 15 by 18...
The border should be 3px for the inactive one as it is now (it cannot be removed).

Answer 1

Reset the padding of .developer-dots li button

.developer-dots li button {
  font-size: 0;
  line-height: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: transparent;
  border: 3px solid #c4c4c4;
  padding: 0;
}