rubyのaction cableを用いた非同期通信時のレイアウト統一について

Question

前提・実現したいこと

ruby on rails5でaction cableを用いて非同期のチャットアプリを作っています。
送信したメッセージを画面に表示する際、指定のcssを適応させたいです。

発生している問題・エラーメッセージ

送信したメッセージを画面に表示させることはできるのですが、画面を更新しないとcssが適応されません。

該当のソースコード

App.room = App.cable.subscriptions.create "RoomChannel",
  connected: ->
    console.log("connected")
  disconnected: ->
    console.log("disconnected") 
  received: (data) ->
    console.log("received")
    url = "/posts/#{data['id']}"
    $('#posts').append "<li><a href='#{url}'>#{data['id']}</a> : #{data['content']}, #{data['importance']}</li>" 
  speak: (post, importance) ->
    console.log("speak")    
    @perform 'speak', Post: post, Importance: importance 
  $(document).on 'keypress', '[data-behavior~=room_speaker]', (event) ->
    if event.keyCode is 13 
      importance = $('#importance').val()
      App.room.speak event.target.value, importance  
      event.target.value = ''
      event.preventDefault()

class RoomChannel < ApplicationCable::Channel
  def subscribed
    stream_from "room_channel"
  end

  def unsubscribed
  end

  def speak(data) 
    Rails.logger.info data
    post = Post.new(content: data['Post'], importance: data['Importance'])
    post.save
    Rails.logger.info post.errors.full_messages
    ActionCable.server.broadcast 'room_channel', { id: post.id, content: post.content, importance: post.importance } 
  end
end

<h1>全体チャット</h1>

<ul style="list-style-type: none;" id="posts">
    <% @posts.each do |post| %>
    <li class="post <%= importance_class(post) %>">
      <%= post.id %> : <%= post.content %><br>
    <div class="time">
      (<%= post.created_at.strftime('%Y/%m/%d %H:%M:%S') %>)
    </div>
    </li>
    <% end %>
</ul>


<label>メッセージ：</label><br>  
<select name="importance" id="importance">
  <option value="1">＊＊＊</option>
  <option value="2">＊＊＊</option>
  <option value="3" selected>＊＊＊</option>
  <option value="4">＊＊＊</option>
</select>  
<input type="text" data-behavior="room_speaker">

.post {
    border-style: ridge; padding-left: 30px; font-size: 30px;
}

試したこと

room.coffeeのliタグにidを加えてみましたがrunningerrorが出ました。

補足情報（FW/ツールのバージョンなど）

rubyを始めて２ヶ月程度の超初心者です。よろしくお願いします。