Filters to match symbology classes?

[Bailey_Briggs]

I was wondering if anyone has an elegant solution to a silly problem. I have three symbology classes in my web map that equate to three arcade coded custom conditions, exclusive to each other. I would also like to have a filter(s) that represent those three conditions.

Below is what I have currently: a legend placed ever so close to three custom filters with matching icons to help the user understand that these are the same data being represented. Any ideas for combining these or suggestions for presenting them? I was thinking of screenshotting the legend symbols and adding them as a custom icon to each of the filters, but that seems excessive. Thanks in advance. 

[JeffreyThompson2]

https://community.esri.com/t5/experience-builder-custom-widgets/fancy-filter-widget-s/ta-p/1660506

If you can use Custom Widgets, try my Fancy Filter.

[Bailey_Briggs]

Love the sound of that, I'll have to learn custom widgets! Thanks Jeffrey