# Perspective table filter results text change

**URL:** <https://forum.inductiveautomation.com/t/perspective-table-filter-results-text-change/116701>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 7, 2026, 2:48pm UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-results-text-change/116701 "2026-08-07T14:48:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Walter\_Chester](https://avatars.discourse-cdn.com/v4/letter/w/3da27b/32.png) [@Walter\_Chester](https://forum.inductiveautomation.com/u/Walter_Chester)\
**Post date:** [August 7, 2026, 2:48pm UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-results-text-change/116701/1 "2026-08-07T14:48:39Z")

</div>

I have a perspective table component and I changed the header to a darker color and when I enabled the filter I changed that to match. Unfortunately, that means that the filter results text is hard to read. I used DevTools and was able to find where the color was set and changed it in the stylesheet but it did not work. I am sure I am just having a massive brain cramp and for some reason cannot find it. I applied it here, but not sure that is where it should be.

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

```python
.psc-itemTrackerTable .tableFilter .filterResults {
    color: #FFFFFF;
    font-weight: 600;
}

```

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 7, 2026, 3:04pm UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-results-text-change/116701/2 "2026-08-07T15:04:25Z")

</div>

Check dev tools again to see if your selector shows up and see if your css prop values are being overridden (they're striked through) . You might need to add !important

---

<div class="post-metadata">

**Author:** ![colby-noah](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/colby-noah/32/87508_2.png) [@colby-noah](https://forum.inductiveautomation.com/u/colby-noah)\
**Post date:** [August 7, 2026, 5:18pm UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-results-text-change/116701/3 "2026-08-07T17:18:55Z")

</div>

To make that CSS work you'll need to add the itemTrackerTable class to the table's `props.style.classes`

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/beadb3103391d63c99f53b120d61e54379de3bcf.png)

If you're looking to have both the search bar text and the results be the same color, you can alter your class a little:

```css
.psc-itemTrackerTable {
	.tableFilter,
	.filterCommon .ia_inputField {
		color: #FFFFFF;
		font-weight: 600;
	}
}

```

---

<div class="post-metadata">

**Author:** ![Walter\_Chester](https://avatars.discourse-cdn.com/v4/letter/w/3da27b/32.png) [@Walter\_Chester](https://forum.inductiveautomation.com/u/Walter_Chester)\
**Post date:** [August 12, 2026, 12:56pm UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-results-text-change/116701/4 "2026-08-12T12:56:09Z")

</div>

Thank you for that I was just trying to put that in the wrong place thank you!!!😀