# Improved code block sizing & color scheme

**URL:** https://meta.discourse.org/t/improved-code-block-sizing-color-scheme/333946
**Category:** UX
**Tags:** feedback, design-experiment
**Created:** [November 1, 2024, 3:10am UTC](https://meta.discourse.org/t/improved-code-block-sizing-color-scheme/333946 "2024-11-01T03:10:30Z")
**Posts on this page:** 1
**Showing post:** 38

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [November 21, 2024, 1:17pm UTC](https://meta.discourse.org/t/improved-code-block-sizing-color-scheme/333946/38 "2024-11-21T13:17:14Z")

</div>

It looks like the new padding is only applied to `.hljs` elements, which means that simple code blocks (with no highlighting) don’t get it:

```none
hello

```

```js
console.log("test")

```

This also causes post heights to jump on initial load, because the highlighting (and therefore the `.hljs` class) is applied asynchronously.

Can we fix it up so that the padding change applies to codeblocks, even without the `.hljs` class?

---

_[View the full topic](https://meta.discourse.org/t/improved-code-block-sizing-color-scheme/333946)._