diff --git a/ui-tests/test/mobile.spec.ts b/ui-tests/test/mobile.spec.ts
index 5cc9aa9ade..4158f09cb5 100644
--- a/ui-tests/test/mobile.spec.ts
+++ b/ui-tests/test/mobile.spec.ts
@@ -35,7 +35,9 @@ test.describe('Mobile', () => {
 
     await page.waitForSelector('#top-panel-wrapper', { state: 'hidden' });
 
-    expect(await page.screenshot()).toMatchSnapshot('tree.png');
+    expect(await page.screenshot()).toMatchSnapshot('tree.png', {
+      maxDiffPixels: 500,
+    });
   });
 
   test('The layout should be more compact on the notebook page', async ({
diff --git a/ui-tests/test/settings.spec.ts b/ui-tests/test/settings.spec.ts
index c42fc3fd13..227240aea5 100644
--- a/ui-tests/test/settings.spec.ts
+++ b/ui-tests/test/settings.spec.ts
@@ -33,13 +33,17 @@ test.describe('Settings', () => {
     await page.waitForSelector('#top-panel', { state: 'hidden' });
     await page.reload({ waitUntil: 'networkidle' });
     await page.menu.getMenuItem(showHeaderPath);
-    expect(await page.screenshot()).toMatchSnapshot('top-hidden.png');
+    expect(await page.screenshot()).toMatchSnapshot('top-hidden.png', {
+      maxDiffPixels: 500,
+    });
 
     await page.waitForSelector('#top-panel', { state: 'hidden' });
     await page.menu.clickMenuItem(showHeaderPath);
     await page.waitForSelector('#top-panel', { state: 'visible' });
     await page.reload({ waitUntil: 'networkidle' });
     await page.menu.getMenuItem(showHeaderPath);
-    expect(await page.screenshot()).toMatchSnapshot('top-visible.png');
+    expect(await page.screenshot()).toMatchSnapshot('top-visible.png', {
+      maxDiffPixels: 500,
+    });
   });
 });