diff --git a/projects/common/element-components/image.component.ts b/projects/common/element-components/image.component.ts
index cb24d1eff395dfd7051145271c5a881485e20ea0..cdf49e4693b20c82f8f448f7fca1bbc4733a791e 100644
--- a/projects/common/element-components/image.component.ts
+++ b/projects/common/element-components/image.component.ts
@@ -8,13 +8,16 @@ import { ValueChangeElement } from '../models/uI-element';
   template: `
     <div [style.display]="'flex'"
          [style.height.%]="100"
-         [style.width.%]="100">
+         [style.width.%]="100"
+         (mouseover)="magnifierVisible = true"
+         (mouseenter)="magnifierVisible = true"
+         (mouseleave)="magnifierVisible = false">
       <div class="image-container">
         <img #image
              [src]="elementModel.src | safeResourceUrl"
              [alt]="'imageNotFound' | translate"
              [class]="elementModel.dynamicPositioning? 'dynamic-image' : 'static-image'">
-        <app-magnifier *ngIf="elementModel.magnifier"
+        <app-magnifier *ngIf="elementModel.magnifier && ( magnifierVisible || project === 'editor')"
                        [imageId]="elementModel.id"
                        [size]="elementModel.magnifierSize"
                        [zoom]="elementModel.magnifierZoom"
@@ -33,5 +36,6 @@ import { ValueChangeElement } from '../models/uI-element';
 })
 export class ImageComponent extends ElementComponent {
   @Output() elementValueChanged = new EventEmitter<ValueChangeElement>();
+  magnifierVisible = false;
   elementModel!: ImageElement;
 }
diff --git a/projects/common/element-components/magnifier.component.ts b/projects/common/element-components/magnifier.component.ts
index b80d2851f301c5b8700c6bfd7b6399dfbef9fdcb..e896aca9a9677a332e34544a0c8696e7c571c5a5 100644
--- a/projects/common/element-components/magnifier.component.ts
+++ b/projects/common/element-components/magnifier.component.ts
@@ -43,8 +43,8 @@ export class Magnifier {
       this.used = true;
       this.elementValueChanged.emit({ id: this.imageId, values: [false, true] });
     }
-    this.left = this.calculateGlassPosition(this.image.width, event.offsetX);
-    this.top = this.calculateGlassPosition(this.image.height, event.offsetY);
+    this.left = this.calculateGlassPosition(this.image.width, event.offsetX) - 1;
+    this.top = this.calculateGlassPosition(this.image.height, event.offsetY) - 1;
     this.backgroundPosition =
       `-${
         this.calculateBackgroundPosition(this.image.width, event.offsetX)