Не корректно работает border radius

Написал код, в соответствии с уроком

border-top-left-radius: 5%; 

Получил скругление по очень широкому радиусу, вместо узкого, как будто диаметр скругляемого бэкграунда - с пару десятков сантиметров, хотя он куда меньше. 

Увеличил padding бэкграунда до 30%, скругление изменилось, стало более заметным. То есть, оно напрямую зависит от высоты дива. Как сделать адекватное закругление бэкграунда через border-radius?

https://ibb.co/3MFcV9X

.review_name {
  background-color: #7268ad;
  
  color: white;
  padding: 1%;
  border-top-left-radius: 5%; /*не работает корректно, хотя написано правильно, возможно неверное отображение в барузере*/
  border-top-right-radius: 5%; /*не работает, хотя написано правильно*/
}