タイトルの通りで、整形済みテキスト（preタグ）の背景色を、白色から灰色に変更したいです。

①下記のCSSを試してみたのですが、なぜか変更されませんでした…。

.pre {
background-color: #fafafa;
}

②下記のCSSでは、背景色が灰色になりました。

.wp-block-preformatted {
background-color: #fafafa;
padding: 20px;
}

しかし、このCSSではpaddingがうまく適用されません。
そのため、文字の左側に余白がなくて、見栄えが悪いです。
（添付ファイル参照）

下記の3点を満たす方法があれば、教えていただけるとありがたいです。

1. 整形済みテキストを使う
2. 背景色を灰色にする
3. 文字の左側に余白がある

よろしくお願いします。