diff --git a/pages/404.tsx b/pages/404.tsx
index e14f5b46..3b5ed2fe 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -1,4 +1,4 @@
-import { BookOpenIcon, CheckIcon, CodeIcon, DocumentTextIcon } from "@heroicons/react/outline";
+import { BookOpenIcon, CheckIcon, DocumentTextIcon } from "@heroicons/react/outline";
 import { ChevronRightIcon } from "@heroicons/react/solid";
 import { GetStaticPropsContext } from "next";
 import Link from "next/link";
@@ -22,12 +22,6 @@ export default function Custom404() {
       icon: DocumentTextIcon,
       href: "https://docs.cal.com",
     },
-    {
-      title: t("api_reference"),
-      description: t("api_reference_description"),
-      icon: CodeIcon,
-      href: "https://developer.cal.com",
-    },
     {
       title: t("blog"),
       description: t("blog_description"),
@@ -57,7 +51,7 @@ export default function Custom404() {
             </h1>
             {isSubpage ? (
               <span className="inline-block mt-2 text-lg ">{t("check_spelling_mistakes_or_go_back")}</span>
-            ) : process.env.NEXT_PUBLIC_BASE_URL == "https://app.cal.com" ? (
+            ) : process.env.NEXT_PUBLIC_BASE_URL !== "https://app.cal.com" ? (
               <a
                 href={"https://cal.com/signup?username=" + username.replace("/", "")}
                 className="inline-block mt-2 text-lg ">
@@ -79,7 +73,7 @@ export default function Custom404() {
             <h2 className="text-sm font-semibold tracking-wide text-gray-500 uppercase">
               {t("popular_pages")}
             </h2>
-            {!isSubpage && process.env.NEXT_PUBLIC_BASE_URL == "https://app.cal.com" && (
+            {!isSubpage && process.env.NEXT_PUBLIC_BASE_URL !== "https://app.cal.com" && (
               <ul role="list" className="mt-4">
                 <li className="px-4 py-2 border-2 border-green-500">
                   <a