diff --git a/src/layouts/desktop/index.tsx b/src/layouts/desktop/index.tsx
index 160ad2f08..a60dae2fb 100644
--- a/src/layouts/desktop/index.tsx
+++ b/src/layouts/desktop/index.tsx
@@ -75,8 +75,15 @@ const DesktopLayout = () => {
         <Link
           href="/"
           className="pointer-events-auto absolute top-0 left-0 z-50 cursor-pointer print:hidden"
+          data-testid="desktop-logo-link"
         >
-          <Image width={220} height={100} src="/images/logo.svg" alt="Global Mangrove Watch" />
+          <Image
+            data-testid="desktop-logo"
+            width={220}
+            height={100}
+            src="/images/logo.svg"
+            alt="Global Mangrove Watch"
+          />
         </Link>
         <MapContainer mapId={`default-desktop-${isPrintingId}`} />
 
diff --git a/tests/logo-desktop.spec.ts b/tests/logo-desktop.spec.ts
new file mode 100644
index 000000000..f918a1eea
--- /dev/null
+++ b/tests/logo-desktop.spec.ts
@@ -0,0 +1,10 @@
+import { test } from '@playwright/test';
+
+test('test logo links', async ({ page }) => {
+  await page.goto('/?active=["mangrove_allen_coral_reef","mangrove_habitat_extent"]');
+
+  const logoLink = page.getByTestId('desktop-logo');
+
+  await logoLink.click();
+  await page.waitForURL('/');
+});