css - 最新の Bulma Sass を使用すると、Angular 2 (4) コンポーネントで奇妙な結果が生成されます

Question

ナビゲーション メニュー ( navbar) を次のようなコンポーネントに分割すると:

<div class="navbar">
 <app-navbar-brand></app-navbar-brand>
 <app-navbar-menu></app-navbar-menu>
</div>

また：

<div class="navbar">
 <div class="navbar-brand">
  <!-- navbar-items -->
 </div>
 <div class="navbar-menu">
  <div class="navbar-start">
   <!-- angular components -->
 </div>
  <div class="navbar-end">
   <!-- angular components -->
 </div>
</div>    

一部のパディングやその他のプロパティがメニューで正しく機能していないようです。

ナビゲーション バー全体を 1 つのコンポーネントに保持すると、この問題は発生しません。

Angularで何が間違っているのか分かりますか? または、私が見逃したものがありますか？SASS が奇妙な方法で読み込まれているように見えますが、その理由がわかりません。