diff --git a/index.html b/index.html
index e8e5b0a..090a213 100644
--- a/index.html
+++ b/index.html
@@ -1522,8 +1522,14 @@ <h3>Sentence: </h3>
         <style>
             #word-of-the-day {
                 font-family: Arial, sans-serif;
+    min-height: 10vh;
+    background-color: #f9b0b0;
+    width: 80%; /* Adjust width as desired */
+    border-radius: 15px; /* Adds curved edges */
+    margin: 0 auto; /* Centers the element */
+    padding: 10px; /* Adds inner spacing */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: adds shadow for a 
             }
-
             .word-entry {
                 display: flex;
                 align-items: center;
diff --git a/style.css b/style.css
index 13cdf51..bd3b9c6 100644
--- a/style.css
+++ b/style.css
@@ -2282,7 +2282,7 @@ h1 {
 }
 
 .accordion__wrapper {
-  background-color: #f3b5af;
+  background-color:  #f9b0b0;
   box-shadow: 0px 60px 56px -12px rgba(9, 40, 163, 0.05);
   border-radius: 2.5rem;
   width: 100%;