diff --git a/src/components/nft-gallery/App.tsx b/src/components/nft-gallery/App.tsx
index 21977d7..8b2acd4 100644
--- a/src/components/nft-gallery/App.tsx
+++ b/src/components/nft-gallery/App.tsx
@@ -387,8 +387,8 @@ function App() {
   }
 
   return (
-    <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 h-screen w-full bg-zinc-900 flex flex-col p-8 space-y-3">
-      <Card className="w-full bg-zinc-950 border-zinc-800 shadow-xl">
+    <div className="mx-auto px-4 sm:px-6 lg:px-8 py-8 h-screen w-screen bg-zinc-900 flex items-center flex-col p-8 space-y-3">
+      <Card className="w-full bg-zinc-950 border-zinc-800 shadow-xl max-w-4xl">
         <CardHeader className="flex flex-row justify-between">
           <div className="flex gap-x-2 items-center justify-center text-zinc-500">
             <img src={LogoImg.src} className="w-20 h-7" />
@@ -431,7 +431,7 @@ function App() {
         </CardContent>
       </Card>
       {auth.isLoggedIn && !ethStatus?.ready ? (
-        <span className="w-full block my-1 p-4 rounded-lg opacity-80 bg-yellow-900/70 border border-yellow-500 text-yellow-500">
+        <span className="max-w-4xl w-full block my-1 p-4 rounded-lg opacity-80 bg-yellow-900/70 border border-yellow-500 text-yellow-500">
           You'll need to wait for a couple minutes before we can start
           searching. You are currently locally syncing to the ETH network. <b className="font-bold">Current Progress: {ethStatus?.sync ? `${ethStatus?.sync.toLocaleString()}%` : 'Initializing...'}</b>
         </span>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index c165a12..7cc14f1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -58,7 +58,10 @@ import '@/styles/global.css'
                 </CardHeader>
             </Card>      
         </CardContent>
-        <CardFooter>
+        <CardFooter className='flex flex-col space-y-3'>
+            <span class="max-w-4xl w-full block my-2 p-4 rounded-lg opacity-80 bg-gray-900/70 border border-gray-600 text-gray-400">
+                For an enhanced experience, we recommend opening the developer console while interacting with these demos. If you're unsure how to do this, you can find instructions <Button variant="link" className="inline p-0 h-auto w-auto text-md"><a href="https://support.google.com/campaignmanager/answer/2828688">here</a></Button>.
+              </span>
             <p class="text-zinc-700 text-sm">Brought to you with 💚 by the <a href="https://lumeweb.com" class="text-zinc-500 underline">lumeweb.com</a> team alongside the <a href="https://sia.tech/about-sia-foundation" class="text-zinc-500 underline">Sia Foundation</a></p>
         </CardFooter>
     </Card>