diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index 8f5705f..84bb542 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -15,7 +15,7 @@ const Home: NextPage = () => {
         </div> */}
 
         <div>
-          <div className="mx-auto mt-5 border p-6 rounded-md bg-base-100 shadow-2xl flex flex-col">
+          <div className="mx-auto mt-5  p-6 rounded-md bg-base-100 shadow-2xl flex flex-col">
             <div className="box">
               <WelcomeRoll />
             </div>
diff --git a/packages/nextjs/components/dicedemo/WelcomeRoll.tsx b/packages/nextjs/components/dicedemo/WelcomeRoll.tsx
index 634bf55..597d452 100644
--- a/packages/nextjs/components/dicedemo/WelcomeRoll.tsx
+++ b/packages/nextjs/components/dicedemo/WelcomeRoll.tsx
@@ -77,7 +77,7 @@ const WelcomeRoll = () => {
   }, [rolledResult]);
 
   return (
-    <div className="bg-white overflow-hidden h-fit">
+    <div className=" overflow-hidden h-fit">
       <div className="flex justify-center mt-2">
         <button className="btn btn-sm btn-primary " onClick={rollTheDice} disabled={isRolling || spinning || isHacked}>
           {spinning && <span className="loading loading-spinner"></span>}