diff --git a/src/browser/components/icons/Icons.tsx b/src/browser/components/icons/Icons.tsx
index 0720d796012..48e3d3db8b6 100644
--- a/src/browser/components/icons/Icons.tsx
+++ b/src/browser/components/icons/Icons.tsx
@@ -244,17 +244,19 @@ export const ErrorIcon = () => (
)
-export const ZoomInIcon = () => (
+export const ZoomInIcon = (props: any) => (
)
-export const ZoomOutIcon = () => (
+export const ZoomOutIcon = (props: any) => (
)
diff --git a/src/browser/modules/D3Visualization/components/Graph.tsx b/src/browser/modules/D3Visualization/components/Graph.tsx
index 02dd858d6d6..cb56a33f91e 100644
--- a/src/browser/modules/D3Visualization/components/Graph.tsx
+++ b/src/browser/modules/D3Visualization/components/Graph.tsx
@@ -133,29 +133,26 @@ export class GraphComponent extends Component {
}
zoomButtons() {
- if (this.props.fullscreen) {
- return (
-
-
-
-
-
-
-
-
- )
- }
- return null
+ return (
+
+
+
+
+
+
+
+
+ )
}
render() {
diff --git a/src/browser/modules/D3Visualization/components/styled.tsx b/src/browser/modules/D3Visualization/components/styled.tsx
index c45128b7eb3..c3fdceea80c 100644
--- a/src/browser/modules/D3Visualization/components/styled.tsx
+++ b/src/browser/modules/D3Visualization/components/styled.tsx
@@ -362,7 +362,6 @@ export const StyledZoomHolder = styled.div`
export const StyledZoomButton = styled.button`
display: list-item;
list-style-type: none;
- font-size: 2em;
margin-bottom: 10px;
border: none;
color: #9b9da2;
diff --git a/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap b/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap
index 89f62e0f14b..cfeac9938f4 100644
--- a/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap
+++ b/src/browser/modules/Stream/CypherFrame/__snapshots__/VisualizationView.test.tsx.snap
@@ -130,6 +130,26 @@ exports[`Visualization renders with result and escapes any HTML 1`] = `
+
+
+
+