diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-menu.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-menu.tsx
index 39f4cd9c..16c905ce 100644
--- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-menu.tsx
+++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/layout-menu.tsx
@@ -97,7 +97,7 @@ export default function LayoutMenu({
             </div>
           </ProjectLink>
         )}
-        {!process.env.SELF_HOSTED && (
+        {process.env.SELF_HOSTED && (
           <a
             className="rounded p-2 row items-center gap-2 hover:bg-def-200"
             href="https://openpanel.dev/supporter"
@@ -218,11 +218,13 @@ export default function LayoutMenu({
           ))}
         </div>
       </div>
-      <div className="mt-auto w-full">
-        <div className={cn('text-sm w-full text-center')}>
-          Self-hosted instance
+      {process.env.SELF_HOSTED && (
+        <div className="mt-auto w-full ">
+          <div className={cn('text-sm w-full text-center')}>
+            Self-hosted instance
+          </div>
         </div>
-      </div>
+      )}
     </>
   );
 }
diff --git a/apps/public/components/footer.tsx b/apps/public/components/footer.tsx
index d28dfafb..2ad3f18d 100644
--- a/apps/public/components/footer.tsx
+++ b/apps/public/components/footer.tsx
@@ -53,6 +53,9 @@ export function Footer() {
               <li>
                 <Link href="/contact">Contact</Link>
               </li>
+              <li>
+                <Link href="/supporter">Become a supporter</Link>
+              </li>
             </ul>
           </div>