# Make floating badge on mobile devices Smaller

**URL:** https://community.elfsight.com/t/make-floating-badge-on-mobile-devices-smaller/23307
**Category:** Customization
**Created:** [October 23, 2023, 5:44pm UTC](https://community.elfsight.com/t/make-floating-badge-on-mobile-devices-smaller/23307 "2023-10-23T17:44:49Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Air\_Voel\_CPAP](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/air_voel_cpap/32/9761_2.png) [@Air\_Voel\_CPAP](https://community.elfsight.com/u/Air_Voel_CPAP)
#### Post date: [October 23, 2023, 5:44pm UTC](https://community.elfsight.com/t/make-floating-badge-on-mobile-devices-smaller/23307/1 "2023-10-23T17:44:49Z")

</div>

The badge appears too large on mobile devices because its size is the same on both desktop and mobile versions. It would be nice if it was respectively smaller on mobile.

---

<div class="post-metadata">

### Author: ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)
#### Post date: [October 23, 2023, 5:56pm UTC](https://community.elfsight.com/t/make-floating-badge-on-mobile-devices-smaller/23307/3 "2023-10-23T17:56:18Z")

</div>

Hi there @Air_Voel_CPAP 👋

Sure, here is the code you need to add to the Custom CSS field on the Appearance tab of your widget settings:

```auto

@media (max-width: 475px) {
	[class^="BadgeContainer__Inner-sc"] {
		transform: scale(0.7);
		transform-origin: right bottom;
	}
}

```

Check it out and let me know if you like what you see 🙂