Visual difference between desktop and service for dropdown slicer selection border

[BIanon]

Hi Community,

In PBI desktop my slicer have a visual border around the selection area like this:

But when I publish to the service the border changes color:

I can't figure out why this happens or which setting i need to fix here

This is the slicer part of my theme file:

"slicer": {

            "*": {

                "dataPoint": [

                    {

                        "fill": {

                            "solid": {

                                "color": "#DF9E82"

                            }

                        },

                        "target": {

                            "solid": {

                                "color": "#093B5F"

                            }

                        }

                    }

                ],

                "labels": [

                    {

                        "show": true,

                        "color": {

                            "solid": {

                                "color": "#093B5F"

                            }

                        },

                        "labelDisplayUnits": 1000000,

                        "labelPrecision": 0,

                        "fontSize": 8,

                        "fontFamily": "Segoe UI"

                    }

                ],

                "title": [

                    {

                        "show": true,

                        "fontSize": 8,

                        "alignment": "center"

                    }

                ],

                "target": [

                    {

                        "show": true,

                        "color": {

                            "solid": {

                                "color": "#093B5F"

                            }

                        },

                        "labelDisplayUnits": 1000000,

                        "labelPrecision": 0,

                        "fontSize": 8,

                        "fontFamily": "Segoe UI"

                    }

                ],

                "calloutValue": [

                    {

                        "show": true,

                        "color": {

                            "solid": {

                                "color": "#093B5F"

                            }

                        },

                        "labelDisplayUnits": 1000000,

                        "labelPrecision": 0,

                        "fontSize": 10,

                        "fontFamily": "Segoe UI"

                    }

                ]

            }

        }

[v-pnaroju-msft]

Hi BIanon,

We are following up to check whether you have raised the support ticket.If support ticket is raised kindly share the feedback for the issue raised. If a solution has been provided we kindly request you to share the solution with the community and mark it as the accepted solution, as this will assist others facing similar challenges and benefit the broader community.

Thank you.

[v-pnaroju-msft]

Hi BIanon,

We have not received a response from you regarding the query and were following up to check if you have found a resolution. If you have identified a solution, we kindly request you to share it with the community, as it may be helpful to others facing a similar issue.

If you find the response helpful, please mark it as the accepted solution and provide kudos, as this will help other members with similar queries.

Thank you.

[v-pnaroju-msft · Accepted solution]

Hi BIanon,

Thank you for your update.

As per my understanding, Power BI currently does not provide a direct setting to modify the border colour specifically around the selected value area of a dropdown slicer. The available border settings apply either to the entire visual or to the dropdown items after expansion, but not to the selection area itself.

Given this limitation, we kindly request you to submit feedback to Microsoft. Since this specific customisation is not available, your feedback can help highlight the requirement for this feature. You may submit your suggestion through the Power BI Ideas platform: 
Fabric Ideas - Microsoft Fabric Community

Additionally, for immediate assistance, we request you to contact the Microsoft Support team by raising a ticket through the link provided below. They will be able to offer insights specific to your account and potential resolutions:
Microsoft Fabric Support and Status | Microsoft Fabric

If you find our response helpful, we would appreciate it if you could mark it as the accepted solution and provide kudos. This will assist other community members encountering similar queries.

Thank you.

[v-pnaroju-msft]

Hi BIanon,

Thank you for your update.

Since the slicer is utilising a custom JSON theme, it would be prudent to test whether the issue originates from the theme file. 

Open Power BI Desktop.Navigate to View → Themes → Select a built-in Power BI theme (e.g., Default).Publish the report to Power BI Service.Verify whether the slicer border appears consistent.

If the issue is resolved, it indicates that the problem is related to how the custom JSON theme is applied in Power BI Service. In such a case, modifications to the theme file may be required.

If you find our response helpful, kindly mark it as the accepted solution and provide kudos. This will assist other community members encountering similar queries.

Thank you.

[BIanon]

Hello again,

I have tried with a couple of custom themes downloaded from the web as well as in a blank report using the default theme and the issue is consistent across all of these solutions.

This issue is affecting both me and all other members of my team. I am on the newest release of PBI, they're both one release behind.

[v-pnaroju-msft]

Thank you, @GilbertQ , for your response.

Hi @BIanon,

We sincerely appreciate your inquiry through the Microsoft Fabric Community Forum.

In addition to the response provided by @GilbertQ ,we request you to follow the steps mentioned below, which may assist in resolving the issue:

1. The Power BI Service relies on browser-based rendering, and certain CSS styles or rendering behaviours may vary. Edge and Chrome may render borders differently from Power BI Desktop. Kindly try running Power BI Service in Private/Incognito mode to eliminate cached styles. Additionally, clear the browser cache and reload the page.

2. Please use the Power BI Format Pane without modifying the JSON theme file. Navigate to Power BI Desktop → Select the Slicer → Open the Format Pane (Visual Formatting options). Expand the Border section and explicitly set the border colour (e.g., black, blue, or any colour matching your theme). Set the border thickness (e.g., 2px). Republish the report and check Power BI Service again.

3. Microsoft has introduced modern visual updates, which may occasionally cause UI rendering issues in the service. Kindly verify whether the slicer is using the Modern Visual style. To do so, navigate to Power BI Desktop → File → Options & Settings → Options. Under Report Settings, enable Modern Visuals. Republish the report and check if the issue has been resolved.

If you find our response helpful, we kindly request you to mark it as the accepted solution and provide kudos. This will help other community members facing similar queries.

Thank you.

[BIanon]

Hello, thank you for your reply.

1. I've tried clearing cache, incognito mode, firefox, chrome and edge browser with identical result.

2.  To my knowledge, there isn't a setting to set a border around the value selection area like seen in my screenshot. The "Visual border" setting under the "Size and style" menu adds a border around the entire visual, not the value area. There is a border section under the "Values" where you can set a border, however, this only adds a border around the selectable values after folding the out dropdown:

If there is a setting to control border around the selected value area, like shown in my screenshots, please direct me there.

3. I have this setting enabled. I've tried disabling it, publishing, re-enabling and publishing and this did not have an effect on the issue unfortunately.

[GilbertQ]

Hi @BIanon 

Can you please make sure you have got the latest version of power BI desktop installed? Reopen the file and re upload to the service to see if that works.