# (Squarespace) How to make outline/border of header button thinner

**URL:** <https://community.elfsight.com/t/squarespace-how-to-make-outline-border-of-header-button-thinner/108394>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [March 21, 2025, 1:53am UTC](https://community.elfsight.com/t/squarespace-how-to-make-outline-border-of-header-button-thinner/108394 "2025-03-21T01:53:31Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [March 21, 2025, 1:53am UTC](https://community.elfsight.com/t/squarespace-how-to-make-outline-border-of-header-button-thinner/108394/1 "2025-03-21T01:53:31Z")

</div>

To make outline/border of header button thinner.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/c/a/ca2cf5bc43a5d41f86a58f481fa76296973ebc74.png)

You can use this code to Custom CSS box.

```auto
a.btn {
    border-width: 10px !important;
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/f/4fc3962abe7779d1be7176d1abccf226a61dc9ae.jpeg)

Result

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/2/62ea90cdfc2603556175b191f9e0af70fa16cbd9.png)