Miłosz Grocholewski
--- a/src/components/Map/MapViewer/MapViewerVector/utils/shapes/reaction/Reaction.ts
+++ b/src/components/Map/MapViewer/MapViewerVector/utils/shapes/reaction/Reaction.ts
    });
    const squareFeature = new Feature({
      geometry: new MultiPolygon(polygons),
+      style: styles,
+      lineWidth: 1,
    });
-    squareFeature.setStyle(styles);
+    squareFeature.setStyle(this.styleFunction.bind(this));
    return squareFeature;
  }
+
+  protected styleFunction(feature: FeatureLike, resolution: number): Style | Array<Style> | void {
--- a/src/components/Map/MapViewer/MapViewerVector/utils/shapes/reaction/Reaction.ts
+++ b/src/components/Map/MapViewer/MapViewerVector/utils/shapes/reaction/Reaction.ts
+      lineWidth: 1,
    });
-    squareFeature.setStyle(styles);
+    squareFeature.setStyle(this.styleFunction.bind(this));
    return squareFeature;
  }
+
+  protected styleFunction(feature: FeatureLike, resolution: number): Style | Array<Style> | void {
+    const minResolution = this.mapInstance?.getView().getMinResolution();
+    if (!minResolution) {
+      return [];
+    }
+    const scale = minResolution / resolution;
+    const style = feature.get('style');
+    const lineWidth = feature.get('lineWidth') * scale;
+    if (style) {