rails 5.2.3を使用しています。
下記のようなhtmlを、decorator（active_decorator）から出力させようとしています。

.badge.badge-info
  = hoge
  .badge.badge-warning= fuga

しかし、下記のように書くと、hogeの部分が出力されません。

tag.div(class: 'badge badge-info') do
  hoge
  tag.div fuga, class: 'badge badge-warning'
end

hogeの部分も出力させるには、どう書けば良いのでしょうか？

実際のコード

view 

= vacation.badge

decorator

module VacationDecorator

  def badge
    tag.div(class: 'badge badge-info') do
      off_type_i18n
      tag.div aasm_state_i18n, class: 'badge badge-warning'
    end
  end

出力されたhtml

<div class="badge badge-info"><div class="badge badge-warning">申請中</div></div>

blockの中の２行を入れ替えると、今度は

<div class="badge badge-info">忌引き休暇</div>

となってしまいます。
欲しいのは下記のhtmlです。

<div class='badge badge-info'>
  忌引き休暇
  <div class='badge badge-warning'>申請中</div>
</div>