# Reduce embedded button size on mobile

**URL:** <https://community.elfsight.com/t/reduce-embedded-button-size-on-mobile/86432>\
**Category:** Button\
**Created:** [December 1, 2024, 8:42pm UTC](https://community.elfsight.com/t/reduce-embedded-button-size-on-mobile/86432 "2024-12-01T20:42:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [December 1, 2024, 8:42pm UTC](https://community.elfsight.com/t/reduce-embedded-button-size-on-mobile/86432/1 "2024-12-01T20:42:12Z")

</div>

Add this code to the Custom CSS field on the Design tab of your [Button](https://elfsight.com/button-widget/) widget’s settings:

```auto
@media(max-width: 500px) {
	.global-styles, [class^="ButtonContent__Container-sc"] {
		transform: scale(0.9);
	}
}

```