diff --git a/package.json b/package.json
index 04450af38d6..2cca7587a23 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "ws": "^3.0.0"
   },
   "puppeteer": {
-    "chromium_revision": "508367"
+    "chromium_revision": "508693"
   },
   "devDependencies": {
     "@types/debug": "0.0.30",
diff --git a/test/golden/screenshot-element-padding-border.png b/test/golden/screenshot-element-padding-border.png
index 13f8880e95e..917dd48188d 100644
Binary files a/test/golden/screenshot-element-padding-border.png and b/test/golden/screenshot-element-padding-border.png differ
diff --git a/test/test.js b/test/test.js
index c6291426562..5b15f285023 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1531,8 +1531,18 @@ describe('Page', function() {
     }));
     it('should take into account padding and border', SX(async function() {
       await page.setViewport({width: 500, height: 500});
-      await page.setContent('something above<h1 style="border:2px solid blue; background: green;">&nbsp;</h1>');
-      const elementHandle = await page.$('h1');
+      await page.setContent(`
+        something above
+        <style>div {
+          border: 2px solid blue;
+          background: green;
+          width: 50px;
+          height: 50px;
+        }
+        </style>
+        <div></div>
+      `);
+      const elementHandle = await page.$('div');
       const screenshot = await elementHandle.screenshot();
       expect(screenshot).toBeGolden('screenshot-element-padding-border.png');
     }));