diff --git a/src/components/BrandingLogo.tsx b/src/components/BrandingLogo.tsx
index 86a49496..139d76b4 100644
--- a/src/components/BrandingLogo.tsx
+++ b/src/components/BrandingLogo.tsx
@@ -45,6 +45,8 @@ export default function BrandingLogo(props: BrandingLogoProps) {
         setPath(props.logoPath ?? getPath());
     }, [theme, env, props.logoPath]);
 
+    // we use `img` tag here because the `logoPath` could be any URL
+    // and next.js `Image` component only accepts a restricted number of domains
     const Component = props.logoPath ? "img" : Image;
 
     return (