diff --git a/src/newtab/App.tsx b/src/newtab/App.tsx
index fde169c..723bc79 100644
--- a/src/newtab/App.tsx
+++ b/src/newtab/App.tsx
@@ -78,7 +78,7 @@ export default function App() {
                           className="flex items-center gap-x-8 px-2 py-1 -mx-2 hover:bg-zinc-50 dark:hover:bg-zinc-900 rounded"
                         >
                           <div className="w-44 flex items-center gap-3">
-                            <Avatar className="size-3.5">
+                            <Avatar className="size-3.5" id="favicon">
                               <AvatarImage
                                 src={"https://favicone.com/" + hostName}
                                 alt={hostName + " favicon"}
diff --git a/tests/example.spec.ts b/tests/example.spec.ts
index 68ea78c..496ab0e 100644
--- a/tests/example.spec.ts
+++ b/tests/example.spec.ts
@@ -40,7 +40,7 @@ test("Extension in New Tab page", async ({ page }) => {
   await expect(page).toHaveScreenshot({
     mask: [
       page.locator("section > div:last-child > div:first-child svg"),
-      page.locator("section > div:first-child ul li button img"),
+      page.locator("#favicon"),
     ],
   });
 });