Проблема с Angular Sass (не работает должным образом, но ошибок нет)

Я работаю над дизайном, и я только что нашел что-то странное.

Я пробовал это:

.user-header {
  height:100px;
  background:blue;

  img {
    width:50px;
    height:50px;
  }

  span {
    color:red;
    font-weight:bold;
  }
}

Мое изображение хорошее: 50x50, как и ожидалось. И мой промежуток ярко-красный. Но мой пользовательский заголовок не оформлен, как это возможно?

Посмотрите на экраны:

И что-то более странное, я попытался скомпилировать sass в css, и когда я пытаюсь использовать этот код: (100% то же самое)

.user-header {
  height: 100px;
  background: blue;
}
.user-header img {
  width: 50px;
  height: 50px;
}
.user-header span {
  color: red;
  font-weight: bold;
}

Это работает так хорошо. Но это не решение, я хочу использовать Sass.

Несколько советов, пожалуйста, я не знаю, что я могу сделать, чтобы исправить это. Я пытался re ng-serve и т.д.. Во всех моих компонентах он работает хорошо, только в этом у меня проблема с scss/css.

Редактировать:

https://stackblitz.com/edit/angular-scss-demo-kkfjvq Вы можете взглянуть на этот stackblitz.