Line highlighting style in custom block isn't working as expected

[jd-solanki]

Describe the bug

Assume we have below code:

:::tip

```html{1}
<div class="grid-row grid-cols-2 justify-items-stretch">
    <div></div>
    <div></div>
</div>

:::

With above code we get code block rendered like below:

Reproduction

Above code (code block with highlighted lines in custom block)

Expected behavior

It should highlight full line

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04 LTS 22.04 LTS (Jammy Jellyfish)
    CPU: (16) x64 AMD Ryzen 7 3700X 8-Core Processor
    Memory: 9.52 GB / 15.57 GB
    Container: Yes
    Shell: 0.12.1 - /home/jd/.xonsh/.venv/bin/xonsh
  Binaries:
    Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node
    Yarn: 1.22.18 - ~/.nvm/versions/node/v16.14.2/bin/yarn
    npm: 8.5.0 - ~/.nvm/versions/node/v16.14.2/bin/npm
  Browsers:
    Chrome: 101.0.4951.64
  npmPackages:
    vitepress: 1.0.0-alpha.4 => 1.0.0-alpha.4

Additional context

None

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

Probably need to change this:

vitepress/src/client/theme-default/styles/components/vp-doc.css

Line 225 in 1daeaa1

background-color: var(--vp-code-block-bg);

 background-color: transparent;