Changed the zoom relative level for the SVG overlay to avoid issues at higher zoom levels (probably due to rounding errors).

src/components/map/whiteboard.tsx

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { useSelector } from 'react-redux';
-import { MapState } from '../../store/map';
+import { MapState, zoom0 } from '../../store/map';
 
 interface WhiteboardProps {
   children?: any;
@@ -17,11 +17,10 @@ const Whiteboard: React.FC<WhiteboardProps> = (props: WhiteboardProps) => {
         transform={`scale(${whiteBoardState.scale}) translate(${whiteBoardState.translation.x},${whiteBoardState.translation.y})`}
       >
         <circle
-          cx='0.7154276391666667'
-          cy='0.6137091783430285'
+          cx={0.7154276391666667 * 2**zoom0}
+          cy={0.6137091783430285 * 2**zoom0}
           r={10 / whiteBoardState.scale}
           fill='green'
-          vector-effect='non-scaling-size'
         ></circle>
         {props.children}
       </g>