diff --git a/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx b/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx
index a6b5184..3b7b356 100644
--- a/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx
+++ b/Solutions/Day-04/random-colors/src/app/RandomColorDiv.tsx
@@ -11,7 +11,7 @@ const hexaColor = () => {
 const RandomDiv = () => {
     return (
     <div
-    style={{backgroundColor: hexaColor(), display: 'flex' ,  justifyContent: 'center'}}
+    style={{backgroundColor: hexaColor(), display: 'flex' , alignItems: 'center',  justifyContent: 'center', borderRadius: "0.25vw", height: "10vh" , width: "50%", margin: '5px auto'}}
     >{hexaColor()}</div>)
 }
 
diff --git a/Solutions/Day-04/random-colors/src/app/page.tsx b/Solutions/Day-04/random-colors/src/app/page.tsx
index cd5fcd7..a7b7c61 100644
--- a/Solutions/Day-04/random-colors/src/app/page.tsx
+++ b/Solutions/Day-04/random-colors/src/app/page.tsx
@@ -4,7 +4,7 @@ import RandomDiv from './RandomColorDiv'
 export default function Home() {
   return (
     <main>
-      <div>
+      <div style={{display:'flex', flexDirection:'column', justifyContent: 'center', height: "100vh"}}>
       <RandomDiv/>
       <RandomDiv/>
       <RandomDiv/>