diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx
index a3f510ab537..5702cba1d97 100644
--- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx
+++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableNodeLabel.tsx
@@ -24,6 +24,7 @@ import { StyledLabelChip } from 'neo4j-arc/common'
import { GraphStyleModel } from 'neo4j-arc/graph-visualization'
import { GrassEditor } from './GrassEditor'
+import { StyledPopup } from './styled'
export type StyleableNodeLabelProps = {
selectedLabel: {
@@ -48,7 +49,7 @@ export function StyleableNodeLabel({
selectedLabel.label === '*' ? allNodesCount : selectedLabel.count
return (
-
-
+
)
}
diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx
index a1987bc2ede..9d3dff4603a 100644
--- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx
+++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/styled.tsx
@@ -17,10 +17,17 @@
* You should have received a copy of the GNU General Public License
* along with this program. If not, see .
*/
+import { Popup, PopupProps } from 'semantic-ui-react'
import styled from 'styled-components'
export const legendRowHeight = 32
+export const StyledPopup = styled>(Popup)`
+ && {
+ background: ${props => props.theme.editorBackground};
+ }
+`
+
export const StyledInlineList = styled.ul`
list-style: none;
word-break: break-word;