コードが長くなったときにスクロールバーを表示させるメモ

デザイナーの方には常識なのかもわかりません。
はてなダイアリーの設定 > スタイルシートに以下を追記すると横に切れずに表示できました。

pre {
 background: #f7f7f7;
 border: 1px solid #d7d7d7;
 margin: 1em 1.75em;
 padding: .25em;
 overflow: auto
}

overflow: autoが肝らしい。

先回のデザインのとき、管理画面のデザインからCSSに手を入れていましたが、
新しいデザインに変更した後消えていました。
はてなダイアリーのデザインを変更するたびにCSSを変更しないといけないのか？
どうなんでしょう。