diff --git a/packages/client/hmi-client/src/model-representation/petrinet/nested-petrinet-renderer.ts b/packages/client/hmi-client/src/model-representation/petrinet/nested-petrinet-renderer.ts
index a23d2e8df2..278a04a646 100644
--- a/packages/client/hmi-client/src/model-representation/petrinet/nested-petrinet-renderer.ts
+++ b/packages/client/hmi-client/src/model-representation/petrinet/nested-petrinet-renderer.ts
@@ -28,7 +28,6 @@ export interface NestedPetrinetOptions extends Options {
 	dims?: string[];
 }
 
-const CIRCLE_MARGIN = 2;
 const { getNodeTypeColor } = useNodeTypeColorPalette();
 const { getNestedTypeColor, setNestedTypeColor } = useNestedTypeColorPalette();
 
@@ -193,7 +192,8 @@ export class NestedPetrinetRenderer extends PetrinetRenderer {
 			Object.entries(node).forEach((kvPair, i) => {
 				if (kvPair[0] === '_key') return;
 				const value = kvPair[1];
-				const childRadius = CIRCLE_PACKING_CHILD_NORMALIZED_RADII[nestedNodesLen] * parentRadius - CIRCLE_MARGIN;
+				const margin = parentRadius * 0.03;
+				const childRadius = CIRCLE_PACKING_CHILD_NORMALIZED_RADII[nestedNodesLen] * parentRadius - margin;
 
 				const xPos = parentRadius * CIRCLE_PACKING_CHILD_NORMALIZED_VECTORS[nestedNodesLen][i][0] + parentX;
 				const yPos = parentRadius * CIRCLE_PACKING_CHILD_NORMALIZED_VECTORS[nestedNodesLen][i][1] + parentY;
diff --git a/packages/client/hmi-client/src/model-representation/service.ts b/packages/client/hmi-client/src/model-representation/service.ts
index 85665dcf23..005207a1af 100644
--- a/packages/client/hmi-client/src/model-representation/service.ts
+++ b/packages/client/hmi-client/src/model-representation/service.ts
@@ -78,6 +78,7 @@ export const getModelRenderer = (
 			useAStarRouting: false,
 			useStableZoomPan: true,
 			zoomModifier: 'ctrlKey',
+			zoomRange: [0.1, 30],
 			runLayout: runDagreLayout,
 			dims,
 			nestedMap,