---
id: 5f459cf202c2a3472fae6a9f
title: Step 71
challengeType: 0
dashedName: step-71
---
# --description--
Notice how the thickness of the line looks bigger? The default value of a property named `border-width` is `1px` for all edges of `hr` elements. By changing the background to the same color as the background, the total height of the line is `5px` (`3px` plus the top and bottom border width of `1px`).
Change the `height` property of the `hr` to be `2px`, so the total height of it becomes `4px`.
# --hints--
You should set the `height` property to `2px`.
```js
const hasHeight = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.height === '2px');
assert(hasHeight);
```
Your `hr` element should have a `height` of `2px`.
```js
const hrHeight = new __helpers.CSSHelp(document).getStyle('hr')?.getPropertyValue('height');
assert(hrHeight === '2px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu