Switch render from img to EuiImage for step view.

elastic · Jan 25, 2021 · 0b2341f · 0b2341f
1 parent d6c5170
commit 0b2341f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/x-pack/plugins/uptime/public/components/monitor/synthetics/step_screenshot_display.tsx b/x-pack/plugins/uptime/public/components/monitor/synthetics/step_screenshot_display.tsx
@@ -98,7 +98,7 @@ export const StepScreenshotDisplay: FC<StepScreenshotDisplayProps> = ({
           closePopover={() => setIsImagePopoverOpen(false)}
           isOpen={isImagePopoverOpen}
         >
-          <img
+          <EuiImage
             alt={
               stepName
                 ? i18n.translate('xpack.uptime.synthetics.screenshotDisplay.thumbnailAltText', {
@@ -114,7 +114,7 @@ export const StepScreenshotDisplay: FC<StepScreenshotDisplayProps> = ({
                     }
                   )
             }
-            src={imgSrc}
+            url={imgSrc}
             style={{ width: POPOVER_IMG_WIDTH, height: POPOVER_IMG_HEIGHT, objectFit: 'contain' }}
           />
         </EuiPopover>