# Add background to dropdown arrow

**URL:** <https://community.elfsight.com/t/add-background-to-dropdown-arrow/140022>\
**Category:** Business Hours\
**Created:** [September 25, 2025, 4:50pm UTC](https://community.elfsight.com/t/add-background-to-dropdown-arrow/140022 "2025-09-25T16:50:57Z")\
**Posts on this page:** 1\
**Page:** 1

<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:** [September 25, 2025, 4:50pm UTC](https://community.elfsight.com/t/add-background-to-dropdown-arrow/140022/1 "2025-09-25T16:50:57Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Business Hours](https://elfsight.com/business-hours-widget/) widget’s settings:

```auto
[class*='status-indicator__Title-sc'] {
display: flex;
}

[class*='status-indicator__TriggerIcon-sc'] {
width: unset;
height: unset;
}

[class*='status-indicator__TriggerIcon-sc'] svg {
min-width: 16px;
height: 16px;
background-color: lightgrey;
}

```