diff --git a/apps/web/components/ui/PoweredByCal.tsx b/apps/web/components/ui/PoweredByCal.tsx
index 702c41f13d..16abadc59f 100644
--- a/apps/web/components/ui/PoweredByCal.tsx
+++ b/apps/web/components/ui/PoweredByCal.tsx
@@ -1,7 +1,7 @@
 import Link from "next/link";
 
 import { useIsEmbed } from "@calcom/embed-core/embed-iframe";
-import { POWERED_BY_URL } from "@calcom/lib/constants";
+import { APP_NAME, POWERED_BY_URL } from "@calcom/lib/constants";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 
 const PoweredByCal = () => {
@@ -12,22 +12,22 @@ const PoweredByCal = () => {
       <Link href={POWERED_BY_URL}>
         <a target="_blank" className="text-bookinglight opacity-50 hover:opacity-100 dark:text-white">
           {t("powered_by")}{" "}
-          {
-            // eslint-disable-next-line @next/next/no-img-element
-            <img
-              className="relative -mt-px inline h-[10px] w-auto dark:hidden"
-              src="/cal-logo-word.svg"
-              alt="Cal.com Logo"
-            />
-          }
-          {
-            // eslint-disable-next-line @next/next/no-img-element
-            <img
-              className="relativ -mt-px hidden h-[10px] w-auto dark:inline"
-              src="/cal-logo-word-dark.svg"
-              alt="Cal.com Logo"
-            />
-          }
+          {APP_NAME === "Cal.com" ? (
+            <>
+              <img
+                className="relative -mt-px inline h-[10px] w-auto dark:hidden"
+                src="/cal-logo-word.svg"
+                alt="Cal.com Logo"
+              />
+              <img
+                className="relativ -mt-px hidden h-[10px] w-auto dark:inline"
+                src="/cal-logo-word-dark.svg"
+                alt="Cal.com Logo"
+              />
+            </>
+          ) : (
+            <span className="font-semibold">{APP_NAME}</span>
+          )}
         </a>
       </Link>
     </div>