# Perspective Table Filter Styling **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [February 2, 2025, 5:42am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722 "2025-02-02T05:42:56Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\ **Post date:** [February 2, 2025, 5:42am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/1 "2025-02-02T05:42:56Z")
Just out of curiosity, has there been any reports of issues with applying a right margin to the table filter or any fixes since 8.1.41?(version I am developing in) I can apply padding and margin in all other directions, just not on the right. I also tested this in Chrome dev tools as well FWIW. Thanks! ---
**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:** [February 3, 2025, 12:08am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/2 "2025-02-03T00:08:51Z")
What if you !important it? `marginRight: 5px !important` Although the inline formatting should have precedence over any theming styles that are setting it, without using important.. ---
**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\ **Post date:** [February 3, 2025, 2:51am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/3 "2025-02-03T02:51:14Z")
Just tried that out, that didn't seem to work. I even tried applying `margin-right px !important` in the theme files inside the browser as well to no avail. Honestly it is probably ok, I just don't like the empty space on the right side of the filter lol. I also noticed it doesn't work with the rows styling either, I found a topic mentioning setting virtualized to False and that solved the other persons problem but that didn't seem to help here. ---
**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:** [February 3, 2025, 2:57am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/4 "2025-02-03T02:57:09Z")
![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/4/d4b6557b5a85453a6f272a61ce64d69eea1474a1.png)h which part are you trying to get rid of? that results part is in its own div. You can make the whole results part collapse with: ```python .table-container .tableFilter .filterResults { flex: 0 0 auto !important; margin-right: 5px !important; } ``` ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/8/18e7f00e911823d4279c035d7f10aa0b0e74ae63.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/7/f7f48509a59c647c00f2227c6ffca21f93ddc0c7.png) ---
**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\ **Post date:** [February 3, 2025, 3:05am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/5 "2025-02-03T03:05:44Z")
It would be the portion to the right of or the results portion itself. The green portion basically. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/06cbbd144cbb0ea975411d24e3b19c4c8c9bf51a.png) I edited that CSS selector in my browser as well in the same format you have with no change. But it appears it works for you..... What version are you in? ---
**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:** [February 3, 2025, 3:08am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/6 "2025-02-03T03:08:29Z")
It shouldn't matter the version unless the component structure is wildly different, but i'm in 8.1.20. This is where I changed it ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/9/691cab74a45961f1a2bc05cd49b874637eacf6b0.png) I noticed the margin-right was still being applied when the results width was 0... not sure how to fix that without applying a padding to the div containing both components, however that would mean having to change the padding of the filter table component as well to account for the parent div padding... ---
**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\ **Post date:** [February 3, 2025, 4:13am UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/7 "2025-02-03T04:13:11Z")
Ok, that is good to know. I am going to look into a little closer tomorrow since my rows have the same issue and I am thinking I have a style overriding somthing that I can't find. Thanks for the help, I'll let you know what I find! ---
**Author:** ![elijah.roberts](https://avatars.discourse-cdn.com/v4/letter/e/a6a055/32.png) [@elijah.roberts](https://forum.inductiveautomation.com/u/elijah.roberts)\ **Post date:** [February 3, 2025, 2:55pm UTC](https://forum.inductiveautomation.com/t/perspective-table-filter-styling/101722/8 "2025-02-03T14:55:27Z")
Thanks for the help. What I found was that I had to set the width style property on the filter to auto to get the behavior I was wanting. The rows on the otherhand I had to apply the `width: auto !important` in the stylesheet to allow adding margin to the right without cutting information off on the right side, since the theme file was setting the width of the rows to 100% ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/8/e8b6e4c9b2de903ca9e01400a27d395f69d58c1d.png) Row group styling ```python .t .tr-group { width: auto !important; } ``` Just adding the code and images for people to reference later.