Как уменьшить вес шрифта mdi-icon

Question

В настоящее время я работаю над проектом, в котором мне нужно уменьшить вес шрифта значка mdi-close при просмотре на мобильном устройстве. По какой-то причине я не могу заставить его работать. Я пробовал #closeIcon {font-weight: 100; } но это ничего не делает. (Я также использую Bootstrap 4, если это имеет значение) Вот код:

#closeIcon {
    font-size: 200%;
    font-weight: 100;
    margin-left: 4%;
    left: 5px;
}

<li class="sidebar-top-xs nav-xs">
 <a class="sidebar-link waves-effect waves-dark" aria-expanded="false">
  <i id="closeIcon" class="mdi mdi-close"></i>
   <span class="hide-menu move-text nav-text-xs">Navigation</span>
 </a>
</li>

Заранее спасибо за помощь