diff --git a/apps/nextjs/src/components/layout/logo/logo.tsx b/apps/nextjs/src/components/layout/logo/logo.tsx
index beb3f493c..36eaba57b 100644
--- a/apps/nextjs/src/components/layout/logo/logo.tsx
+++ b/apps/nextjs/src/components/layout/logo/logo.tsx
@@ -11,11 +11,11 @@ interface LogoProps {
 
 export const Logo = ({ size = 60, shouldUseNextImage = false, src, alt }: LogoProps) =>
   shouldUseNextImage ? (
-    <Image src={src} alt={alt} width={size} height={size} />
+    <Image className="logo" src={src} alt={alt} width={size} height={size} />
   ) : (
     // we only want to use next/image for logos that we are sure will be preloaded and are allowed
     // eslint-disable-next-line @next/next/no-img-element
-    <img src={src} alt={alt} width={size} height={size} />
+    <img className="logo" src={src} alt={alt} width={size} height={size} />
   );
 
 const logoWithTitleSizes = {