From 1285ae95966b86b5e2f7e07d89b9a37516cb7680 Mon Sep 17 00:00:00 2001
From: irubido <ivan.rubido@gmail.com>
Date: Fri, 19 Dec 2025 12:12:49 +0100
Subject: [PATCH] top level banner

---
 packages/web-wallet/src/App.tsx        | 14 +++++++++++---
 packages/web-wallet/src/pages/Home.tsx |  8 +-------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/web-wallet/src/App.tsx b/packages/web-wallet/src/App.tsx
index 5003588..1f92811 100644
--- a/packages/web-wallet/src/App.tsx
+++ b/packages/web-wallet/src/App.tsx
@@ -14,9 +14,17 @@ function App() {
   }, installedSnap ? RESCAN_INTERVAL : null);
 
   return (
-    <Layout>
-      <Outlet />
-    </Layout>
+    <div className="flex flex-col min-h-screen">
+      <div className="w-full bg-yellow-100 border border-yellow-300 text-yellow-900 px-4 py-3 rounded-b-xl text-sm md:text-base">
+        <strong>Attention</strong> - this snap is under active development to bring it up to date
+        with the latest NU 6.1 update. Users may experience various issues until this update is
+        completed and should exercise caution if using the snap until the update is complete and
+        this banner is removed.
+      </div>
+      <Layout>
+        <Outlet />
+      </Layout>
+    </div>
   );
 }
 
diff --git a/packages/web-wallet/src/pages/Home.tsx b/packages/web-wallet/src/pages/Home.tsx
index 25fb3f5..937f14d 100644
--- a/packages/web-wallet/src/pages/Home.tsx
+++ b/packages/web-wallet/src/pages/Home.tsx
@@ -50,13 +50,7 @@ const Home: React.FC = () => {
   }, [navigate, getAccountData, state.activeAccount, state.loading]);
 
   return (
-    <div className="home-page flex flex-col items-stretch px-4 overflow-y-hidden">
-      <div className="w-full bg-yellow-100 border border-yellow-300 text-yellow-900 px-4 py-3 rounded-b-xl text-sm md:text-base mb-4">
-        <strong>Attention</strong> - this snap is under active development to bring it up to date
-        with the latest NU 6.1 update. Users may experience various issues until this update is
-        completed and should exercise caution if using the snap until the update is complete and
-        this banner is removed.
-      </div>
+    <div className="home-page flex items-start md:items-center justify-center px-4 overflow-y-hidden">
       <div className="max-w-6xl w-full grid grid-cols-1 md:grid-cols-2 gap-14">
         <div className="hidden md:flex items-end justify-end">
           <FormTransferSvg />