プログラミング初心者 hamlとsccsの記載で上手くいきません

Question

前提・実現したいこと

haml入力で
.wrapper
= render "side_bar"
= render "main_chat"

%head
%meta{"charset":"UTF-8"}
%link{"href": "_messages.scss", "rel": "stylesheets"}
%title chatspace
%body
.wrapper

.chat-side

.chat-main

sccs入力でこちらで記載してるのですが上手く反映されません

• {
  box-sizing: border-box;

}

.wrapper{
display: flex;
height: 100vh;
}

.chat-side{
width: 300px;
background: black
}

.chat-main{
width: 300px;
background-color: red;
}

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

load resource: the server responded with a status of 

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。