diff --git a/packages/nextjs/components/dicedemo/WelcomeRoll.tsx b/packages/nextjs/components/dicedemo/WelcomeRoll.tsx
index 770f76a..a321ea7 100644
--- a/packages/nextjs/components/dicedemo/WelcomeRoll.tsx
+++ b/packages/nextjs/components/dicedemo/WelcomeRoll.tsx
@@ -75,7 +75,7 @@ const WelcomeRoll = () => {
   }, [rolledResult]);
 
   return (
-    <div className="flex justify-center flex-col gap-2">
+    <div className="flex justify-center flex-col gap-2 bg-white">
       <button
         className="btn btn-sm btn-primary mx-auto "
         onClick={rollTheDice}
@@ -105,7 +105,7 @@ const WelcomeRoll = () => {
                 className="w-[95%] h-[95%] overflow-hidden rounded-lg mx-auto flex justify-center items-center"
               >
                 <div className="scale-125">
-                  <Image className="scale-150" src="/rolls-gif/Spin.gif" alt="spinning" width={400} height={400} />
+                  <Image className="scale-150" src="/rolls-gif/Spin.gif" alt="spinning" width={350} height={350} />
                 </div>
               </div>
             ) : (
@@ -118,8 +118,8 @@ const WelcomeRoll = () => {
                     className="scale-150"
                     src={`/rolls-jpg/${rolls[index]}.jpg`}
                     alt="rolled"
-                    width={400}
-                    height={400}
+                    width={350}
+                    height={350}
                   />
                 </div>
               </div>
diff --git a/packages/nextjs/pages/_app.tsx b/packages/nextjs/pages/_app.tsx
index 0b22f76..e7f9d3b 100644
--- a/packages/nextjs/pages/_app.tsx
+++ b/packages/nextjs/pages/_app.tsx
@@ -42,7 +42,7 @@ const ScaffoldEthApp = ({ Component, pageProps }: AppProps) => {
       >
         <div className="flex flex-col min-h-screen">
           <Header />
-          <main className="relative flex flex-col flex-1 overflow-hidden">
+          <main>
             <Component {...pageProps} />
           </main>
           <Footer />
diff --git a/packages/nextjs/pages/index.tsx b/packages/nextjs/pages/index.tsx
index 55ccad4..d2c5fa3 100644
--- a/packages/nextjs/pages/index.tsx
+++ b/packages/nextjs/pages/index.tsx
@@ -33,7 +33,7 @@ const Home: NextPage = () => {
         </div> */}
 
         <div>
-          <div className="mx-auto mt-5 border p-6 rounded-md bg-base-100 shadow-2xl">
+          <div className="mx-auto mt-5 border p-6 rounded-md bg-base-100 shadow-2xl flex flex-col">
             <WelcomeRoll />
             <div className="flex justify-center mt-10">
               <ul className="menu menu-horizontal justify-center p-2 bg-base-300 rounded-full mb-8 w-fit mx-auto">