diff --git a/scaffolds/nextjs-dedicated-wallet/template/src/styles/globals.css b/scaffolds/nextjs-dedicated-wallet/template/src/styles/globals.css
index 7222af2..21b95a6 100644
--- a/scaffolds/nextjs-dedicated-wallet/template/src/styles/globals.css
+++ b/scaffolds/nextjs-dedicated-wallet/template/src/styles/globals.css
@@ -109,7 +109,7 @@ ul {
 }
 
 .home-page {
-  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat bg-[url('/main.svg')];
+  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat;
 }
 
 .login-page {
diff --git a/scaffolds/nextjs-flow-dedicated-wallet/template/src/styles/globals.css b/scaffolds/nextjs-flow-dedicated-wallet/template/src/styles/globals.css
index 7222af2..1f84300 100644
--- a/scaffolds/nextjs-flow-dedicated-wallet/template/src/styles/globals.css
+++ b/scaffolds/nextjs-flow-dedicated-wallet/template/src/styles/globals.css
@@ -109,7 +109,7 @@ ul {
 }
 
 .home-page {
-  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat bg-[url('/main.svg')];
+  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px];
 }
 
 .login-page {
@@ -124,7 +124,7 @@ ul {
 }
 
 .login-button {
-  @apply w-full h-12 text-white font-semibold text-base leading-6 transition-[0.1s] text-center transition-[0.1s] m-auto px-2 py-3 rounded-[300px] border-[none];
+  @apply w-full h-12 text-white font-semibold text-base leading-6 text-center transition-[0.1s] m-auto px-2 py-3 rounded-[300px] border-[none];
   background: #8271f3;
 }
 
diff --git a/scaffolds/nextjs-flow-universal-wallet/template/src/styles/globals.css b/scaffolds/nextjs-flow-universal-wallet/template/src/styles/globals.css
index aed673d..65dde2b 100644
--- a/scaffolds/nextjs-flow-universal-wallet/template/src/styles/globals.css
+++ b/scaffolds/nextjs-flow-universal-wallet/template/src/styles/globals.css
@@ -102,14 +102,14 @@ ul {
 }
 
 .home-page {
-  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat bg-[url('/main.svg')];
+  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-[url('/login_bg.png')] bg-no-repeat;
 }
 
 .login-page {
   @apply min-h-screen bg-[length:100%_auto] bg-[url('/login.svg')];
 }
 .connect-button {
-  @apply w-[296px] h-12 text-white font-semibold text-base leading-6 transition-[0.1s] text-center transition-[0.1s] m-auto px-6 py-3 rounded-[300px] border-[none];
+  @apply w-[296px] h-12 text-white font-semibold text-base leading-6 text-center transition-[0.1s] m-auto px-6 py-3 rounded-[300px] border-[none];
   background: rgba(255, 255, 255, 0.1);
 }
 
diff --git a/scaffolds/nextjs-solana-dedicated-wallet/template/src/styles/globals.css b/scaffolds/nextjs-solana-dedicated-wallet/template/src/styles/globals.css
index 7222af2..21b95a6 100644
--- a/scaffolds/nextjs-solana-dedicated-wallet/template/src/styles/globals.css
+++ b/scaffolds/nextjs-solana-dedicated-wallet/template/src/styles/globals.css
@@ -109,7 +109,7 @@ ul {
 }
 
 .home-page {
-  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat bg-[url('/main.svg')];
+  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat;
 }
 
 .login-page {
diff --git a/scaffolds/nextjs-universal-wallet/template/src/components/magic/Home.tsx b/scaffolds/nextjs-universal-wallet/template/src/components/magic/Home.tsx
index c36d8a1..37d23bd 100644
--- a/scaffolds/nextjs-universal-wallet/template/src/components/magic/Home.tsx
+++ b/scaffolds/nextjs-universal-wallet/template/src/components/magic/Home.tsx
@@ -6,7 +6,6 @@ import WalletMethods from './cards/WalletMethodsCard';
 import SendTransaction from './cards/SendTransactionsCard';
 import Links from './DevLinks';
 import Spacer from '../ui/Spacer';
-import HomePageBackground from 'public/main.svg';
 interface Props {
   setAccount: React.Dispatch<React.SetStateAction<string | null>>;
 }
diff --git a/scaffolds/nextjs-universal-wallet/template/src/styles/globals.css b/scaffolds/nextjs-universal-wallet/template/src/styles/globals.css
index e926d58..aeda631 100644
--- a/scaffolds/nextjs-universal-wallet/template/src/styles/globals.css
+++ b/scaffolds/nextjs-universal-wallet/template/src/styles/globals.css
@@ -102,7 +102,7 @@ ul {
 }
 
 .home-page {
-  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-no-repeat bg-[url('/main.svg')];
+  @apply flex flex-col justify-center items-center min-h-screen relative bg-[length:100vw_320px] bg-[url('/login_bg.png')] bg-no-repeat;
 }
 
 .login-page {