# Changing Background color of checkbox for alarm status table

**URL:** <https://forum.inductiveautomation.com/t/changing-background-color-of-checkbox-for-alarm-status-table/106547>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 22, 2025, 9:02am UTC](https://forum.inductiveautomation.com/t/changing-background-color-of-checkbox-for-alarm-status-table/106547 "2025-05-22T09:02:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![malik.fazal](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@malik.fazal](https://forum.inductiveautomation.com/u/malik.fazal)\
**Post date:** [May 22, 2025, 9:02am UTC](https://forum.inductiveautomation.com/t/changing-background-color-of-checkbox-for-alarm-status-table/106547/1 "2025-05-22T09:02:47Z")

</div>

I'm customizing the **Alarm Status Table** in **Ignition Perspective** and need the checkboxes to match this Figma style:

- Size: `20x20px`
- Border radius: `6px`
- Background: `#FFFFFF`
- Border: `1px solid #D0D5DD`

I added this CSS:

css

```python
.ia_checkbox__checkedIcon,
.ia_checkbox__uncheckedIcon,
.ia_checkbox__indeterminateIcon {
  background-color: #FFFFFF;
  border-radius: 6px;
}

```

But it's not applying correctly (overflowing from the box)—styles seem overridden or ignored. I only want to target checkboxes **within the Alarm Status Table** without affecting others. How can I do this properly?

NOTE: only want the changes for alarm table checkbox.

required design for checkbox

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/c/2c8ad9ce3c02fb34c731d2c67df88349d65ad8b7.png)