diff --git a/frontend/src/modules/Servicemap/ServiceMap.tsx b/frontend/src/modules/Servicemap/ServiceMap.tsx index ecbceb4795..b0384dcbfe 100644 --- a/frontend/src/modules/Servicemap/ServiceMap.tsx +++ b/frontend/src/modules/Servicemap/ServiceMap.tsx @@ -52,7 +52,7 @@ const ServiceMap = (props: ServiceMapProps) => { } const zoomToService = (value: string) => { - fgRef && fgRef.current.zoomToFit(700, 350, (e) => e.id === value); + fgRef && fgRef.current.zoomToFit(700, 360, (e) => e.id === value); }; const { nodes, links } = getGraphData(serviceMap); @@ -65,6 +65,7 @@ const ServiceMap = (props: ServiceMapProps) => { /> fgRef.current.zoomToFit(100, 200)} graphData={graphData} diff --git a/frontend/src/modules/Servicemap/utils.ts b/frontend/src/modules/Servicemap/utils.ts index 6eab757cc6..0e64ea5ed1 100644 --- a/frontend/src/modules/Servicemap/utils.ts +++ b/frontend/src/modules/Servicemap/utils.ts @@ -2,7 +2,7 @@ import { uniqBy, uniq, maxBy, cloneDeep, find } from "lodash"; import { serviceMapStore } from "Src/store/actions"; import { graphDataType } from "./ServiceMap"; -const MAX_WIDTH = 8; +const MAX_WIDTH = 12; const MIN_WIDTH = 5; const MAX_FONT_SIZE = 8; const MIN_FONT_SIZE = 5;