diff --git a/components/DonateBanner.tsx b/components/DonateBanner.tsx
index dbab9296..db3835c1 100644
--- a/components/DonateBanner.tsx
+++ b/components/DonateBanner.tsx
@@ -22,7 +22,7 @@ return null;
                   </span>
                   <span className="hidden md:inline">
                     You're using the free self-hosted version. Support the
-                    ongoing development.
+                    ongoing development by making a donation.
                   </span>
                 </p>
               </div>
diff --git a/pages/index.tsx b/pages/index.tsx
index 252fa6d7..3ce30368 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -4,6 +4,7 @@ import prisma from '../lib/prisma';
 import Shell from '../components/Shell';
 import { signIn, useSession, getSession } from 'next-auth/client';
 import { ClockIcon, CheckIcon, InformationCircleIcon } from '@heroicons/react/outline';
+import DonateBanner from '../components/DonateBanner';
 
 function classNames(...classes) {
     return classes.filter(Boolean).join(' ')