diff --git a/examples/openspending/components/_shared/Footer.tsx b/examples/openspending/components/_shared/Footer.tsx
index 3523fa2a..d16972a6 100644
--- a/examples/openspending/components/_shared/Footer.tsx
+++ b/examples/openspending/components/_shared/Footer.tsx
@@ -2,20 +2,23 @@ import Image from 'next/image';
 import Link from 'next/link';
 export default function Footer() {
   return (
-    <footer>
+    <footer className="bg-slate-50 border-t border-slate-100 py-10">
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col items-center justify-between md:flex-row">
-        <div className="flex gap-x-2 items-center mx-auto">
-          <p className="mt-8 text-base text-slate-500 md:mt-0">Maintained by</p>
+        <div className="flex gap-x-2 items-center justify-center mx-auto">
+          <p className="text-base text-slate-500">Maintained by</p>
           <a href="https://www.datopian.com/" target="_blank">
             <Image
               alt="Datopian logo"
-              className="mb-2"
+              className="mb-1"
               src="/datopian-logotype.png"
               width={120}
               height={30}
             />
           </a>
         </div>
+        <div className="flex gap-x-2 items-center mx-auto h-20">
+          <p className="mt-8 text-base text-slate-500 md:mt-0">Built with <a href="https://portaljs.org" target="_blank" className='text-xl font-medium'>🌀 PortalJS</a></p>
+        </div>
       </div>
     </footer>
   );
diff --git a/examples/openspending/components/_shared/Layout.tsx b/examples/openspending/components/_shared/Layout.tsx
index 847ecc97..793ba4fc 100644
--- a/examples/openspending/components/_shared/Layout.tsx
+++ b/examples/openspending/components/_shared/Layout.tsx
@@ -3,7 +3,7 @@ import Footer from './Footer';
 
 export default function Layout({ children }) {
   return (
-    <div className="bg-white min-h-screen pb-12">
+    <div className="bg-white min-h-screen">
       <Header />
       {children}
       <Footer />