diff --git a/core/src/components/thumbnail/test/basic/e2e.ts b/core/src/components/thumbnail/test/basic/e2e.ts
deleted file mode 100644
index 7dc8a67a56..0000000000
--- a/core/src/components/thumbnail/test/basic/e2e.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-
-test('thumbnail: basic', async () => {
-  const page = await newE2EPage({
-    url: '/src/components/thumbnail/test/basic',
-  });
-
-  const compare = await page.compareScreenshot();
-  expect(compare).toMatchScreenshot();
-});
diff --git a/core/src/components/thumbnail/test/basic/index.html b/core/src/components/thumbnail/test/basic/index.html
index f414025bd3..7d412f65c2 100644
--- a/core/src/components/thumbnail/test/basic/index.html
+++ b/core/src/components/thumbnail/test/basic/index.html
@@ -23,23 +23,16 @@
       </ion-header>
 
       <ion-content id="content">
-        <ion-thumbnail>
+        <ion-thumbnail id="img">
           <img src="/src/components/thumbnail/test/thumbnail.svg" />
         </ion-thumbnail>
 
-        <ion-item>
+        <ion-item id="ion-item">
           <ion-thumbnail slot="start">
             <img src="/src/components/thumbnail/test/thumbnail.svg" />
           </ion-thumbnail>
           <ion-label>Item Thumbnail</ion-label>
         </ion-item>
-
-        <ion-item>
-          <ion-thumbnail slot="start">
-            <img src="/src/components/thumbnail/test/thumbnail.svg" />
-          </ion-thumbnail>
-          <ion-label>Wide Thumbnail</ion-label>
-        </ion-item>
       </ion-content>
     </ion-app>
   </body>
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts
new file mode 100644
index 0000000000..d8bcf93fb1
--- /dev/null
+++ b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts
@@ -0,0 +1,27 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('thumbnail: basic', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(`/src/components/thumbnail/test/basic`);
+  });
+  test('should not have visual regressions when rendering <img>', async ({ page, skip }) => {
+    skip.rtl('ion-thumbnail does not have RTL-specific logic');
+    skip.mode('md', 'ion-thumbnail does not have mode-specific logic');
+
+    const referenceEl = page.locator('#img');
+
+    expect(await referenceEl.screenshot()).toMatchSnapshot(`thumbnail-img-diff-${page.getSnapshotSettings()}.png`);
+  });
+
+  /**
+   * ion-item has mode and RTL specific logic
+   * for ion-thumbnail which is why we do not skip
+   * RTL and mode tests here.
+   */
+  test('should not have visual regressions when rendering inside of an <ion-item>', async ({ page }) => {
+    const referenceEl = page.locator('#ion-item');
+
+    expect(await referenceEl.screenshot()).toMatchSnapshot(`thumbnail-ion-item-diff-${page.getSnapshotSettings()}.png`);
+  });
+});
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..f68b80b518
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..428fabd2a3
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..419372881b
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-img-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..06eb52bb57
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..f2416278a5
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..81d9753a96
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..d16bc19adc
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..7811689bf7
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Safari-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..07908c9b39
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..17fda9d1f3
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..dafa3e519d
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..e15b7491da
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Chrome-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..2c38514503
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Firefox-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..e0cf3ffd1f
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Safari-linux.png b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..ad27937aa2
Binary files /dev/null and b/core/src/components/thumbnail/test/basic/thumbnail.e2e.ts-snapshots/thumbnail-ion-item-diff-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/thumbnail/test/standalone/e2e.ts b/core/src/components/thumbnail/test/standalone/e2e.ts
deleted file mode 100644
index 732a95e36f..0000000000
--- a/core/src/components/thumbnail/test/standalone/e2e.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { newE2EPage } from '@stencil/core/testing';
-
-test('thumbnail: standalone', async () => {
-  const page = await newE2EPage({
-    url: '/src/components/thumbnail/test/standalone',
-  });
-
-  const compare = await page.compareScreenshot();
-  expect(compare).toMatchScreenshot();
-});
diff --git a/core/src/components/thumbnail/test/standalone/index.html b/core/src/components/thumbnail/test/standalone/index.html
deleted file mode 100644
index 3fbd5f4e5a..0000000000
--- a/core/src/components/thumbnail/test/standalone/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Thumbnail - Standalone</title>
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
-    />
-    <link href="../../../../../css/core.css" rel="stylesheet" />
-    <link href="../../../../../scripts/testing/styles.css" rel="stylesheet" />
-    <script src="../../../../../scripts/testing/scripts.js"></script>
-    <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
-    <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
-  </head>
-
-  <body>
-    <ion-thumbnail>
-      <img src="/src/components/thumbnail/test/thumbnail.svg" />
-    </ion-thumbnail>
-
-    <ion-thumbnail class="custom">
-      <img src="/src/components/thumbnail/test/thumbnail.svg" />
-    </ion-thumbnail>
-
-    <style>
-      .custom {
-        --border-radius: 50%;
-        --size: 120px;
-      }
-    </style>
-  </body>
-</html>