Roam Research のコードブロックを等幅に、水平スクロールをいい感じにする

Roam Research を毎日使っているが、コードブロックがちょっと使いづらい。そこで以下のような css を追加して等幅表示にしてみた。あわせて水平スクロールも難しかったので設定を変えてみたところ少し良くなったのでメモ。

.CodeMirror .CodeMirror-code pre {
   font-family: Menlo, monospace !important;
}

.CodeMirror-hscrollbar {
	pointer-events: auto !important;
}

こうすると、これが

こうなる。

水平スクロールバーもフォーカスが当たりやすくなる。

補足：どうやら Windows の Chrome ではこんなことしなくても等幅になっているようだ。