diff --git a/extensions/diffs/src/browser.ts b/extensions/diffs/src/browser.ts
index e9654dc043f..0ca661d7eaa 100644
--- a/extensions/diffs/src/browser.ts
+++ b/extensions/diffs/src/browser.ts
@@ -60,6 +60,7 @@ export class PlaywrightDiffScreenshotter implements DiffScreenshotter {
     try {
       page = await lease.browser.newPage({
         viewport: { width: 1200, height: 900 },
+        deviceScaleFactor: 2,
         colorScheme: params.theme,
       });
       await page.route(`http://127.0.0.1${VIEWER_ASSET_PREFIX}*`, async (route) => {
@@ -124,6 +125,7 @@ export class PlaywrightDiffScreenshotter implements DiffScreenshotter {
       await page.screenshot({
         path: params.outputPath,
         type: "png",
+        scale: "device",
         clip: {
           x: Math.max(box.x - padding, 0),
           y: Math.max(box.y - padding, 0),