diff --git a/apps/pdc-frontend/src/components/Logo/index.tsx b/apps/pdc-frontend/src/components/Logo/index.tsx
index e8d86f508..f68836dd2 100644
--- a/apps/pdc-frontend/src/components/Logo/index.tsx
+++ b/apps/pdc-frontend/src/components/Logo/index.tsx
@@ -5,7 +5,12 @@ interface LogoProps {
   locale: string;
 }
 export const Logo = ({ locale }: LogoProps) => (
-  <Link href={`/${locale}`} className="utrecht-link" prefetch={false} aria-label="Gemeente Utrecht Logo">
+  <Link
+    href={`/${locale}`}
+    className="utrecht-link utrecht-link--html-a utrecht-link--box-content"
+    prefetch={false}
+    aria-label="Ga naar home pagina"
+  >
     <svg width="188" height="101" viewBox="0 0 188 101" fill="none">
       <g clipPath="url(#clip0_908_6411)">
         <path
diff --git a/apps/vth-frontend/src/components/Logo/index.tsx b/apps/vth-frontend/src/components/Logo/index.tsx
index dc3b7b09f..0dcd79c3e 100644
--- a/apps/vth-frontend/src/components/Logo/index.tsx
+++ b/apps/vth-frontend/src/components/Logo/index.tsx
@@ -5,7 +5,12 @@ interface LogoProps {
   locale: string;
 }
 export const Logo = ({ locale }: LogoProps) => (
-  <Link href={`/${locale}`} className="utrecht-link" prefetch={true} aria-label="Gemeente Utrecht Logo">
+  <Link
+    href={`/${locale}`}
+    className="utrecht-link utrecht-link--html-a utrecht-link--box-content"
+    prefetch={true}
+    aria-label="Ga naar home pagina"
+  >
     <svg width="188" height="101" viewBox="0 0 188 101" fill="none">
       <g clipPath="url(#clip0_908_6411)">
         <path