Makale için çok sağ olasın hocam fakat important da işe yaramadı farklı bir çözüme başvurdum.

Şunu deneyebilir misin?

width: 30px!important;
height: 30px!important;

ve birde flex hakkında Tayfun Hocanın çok güzel bir içeriği var bir bakmanı tavsiye ederim.
http://www.erbilen.net/css-flex-ile-ilgili-her-sey/

<div class="music-info"> 
    <div class="info-left">
        <div class="order">1</div>
        <img src="https://i.ytimg.com/vi/az6m9IE8h4o/maxresdefault.jpg" alt="">
        <div class="artist">
            <h2>In My Feelings</h2>
            <h6>Drake</h6>
        </div>
    </div>                 
    <h5>2,089,766</h5>
</div>

.main-container > .musics-list > .music-info > .info-left > .order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #979797;
  color: #2d2b2b;
  font-weight: 900;
  margin-right: 10px;
}

İlgili alanın css kodunu gösterebilirsen daha çok yardımcı olabilirim ama şuan ki tahminim sabit bir genişlik ve yükseklik değeri verirsen düzeliceği yönünde