diff --git a/Seasoned.Frontend/app/assets/css/app-theme.css b/Seasoned.Frontend/app/assets/css/app-theme.css
index dd7100e..25aea50 100644
--- a/Seasoned.Frontend/app/assets/css/app-theme.css
+++ b/Seasoned.Frontend/app/assets/css/app-theme.css
@@ -202,27 +202,41 @@ html, body {
   background: transparent !important;
 }
 
-.instruction-step, .ingredient-item {
-  display: flex;
-  font-family: 'Libre Baskerville', serif;
-  font-size: 1.1rem;
-  gap: 20px;
-  line-height: 1.6;
-  color: #2c2925;
-  margin: 0 !important; 
-  padding: 0 !important;
-  flex: 1;
+.instruction-step{
+  display: flex !important;
+  align-items: flex-start !important;
+  gap: 12px !important;
+  margin-bottom: 24px !important;
+  width: 100%;
 }
 
 .step-number {
   font-family: 'Libre Baskerville', serif !important;
   font-weight: bold !important;
   color: #3b4e1e !important;
-  font-size: 1.3rem !important;
-  text-align: center !important;
-  min-width: 30px;
-  line-height: 1.4 !important;
-  padding-top: 16px;
+  font-size: 1.1rem !important;
+  min-width: 28px !important;
+  text-align: right !important;
+  line-height: 1.6 !important;
+  padding-top: 0 !important;
+  margin: 0 !important;
+}
+
+.step-text {
+  font-family: 'Libre Baskerville', serif !important;
+  font-size: 1.1rem !important;
+  line-height: 1.6 !important;
+  color: #2c2925 !important;
+  margin: 0 !important;
+  flex: 1;
+}
+
+.ingredient-item {
+  font-family: 'Libre Baskerville', serif !important;
+  font-size: 1.1rem !important;
+  line-height: 1.8 !important;
+  color: #2c2925 !important;
+  margin-bottom: 4px !important;
 }
 
 .chat-container {
@@ -309,8 +323,8 @@ html, body {
   align-items: center;
   padding: 10px 16px !important;
   width: fit-content;
-  background-color: #ffffff; /* Same as assistant bubble */
-  border: 1px solid #dccca7;
+  background-color: #fcf8ef !important;
+  border: 1px solid #e8dec5 !important;
   border-radius: 15px 15px 15px 2px;
 }
 
@@ -341,24 +355,24 @@ html, body {
 .message {
   max-width: 85%;
   padding: 12px 16px;
-  font-family: 'Inter', sans-serif;
-  font-size: 1rem;
+  font-family: 'Libre Baskerville', serif !important; 
+  font-size: 0.95rem;
   line-height: 1.5;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
+  box-shadow: 0 4px 10px rgba(0,0,0,0.03);
 }
 
 .message.user {
-  background-color: #efe5e3;
-  color: #5d4037;
+  background-color: #8c4a32 !important; 
+  color: #f4e4bc !important;
   align-self: flex-end;
-  border-radius: 15px 15px 2px 15px;
-  border: 1px solid #e0d5d2;
+  border-radius: 12px 12px 2px 12px;
+  border: 1px solid #7a3e29
 }
 
 .message.assistant {
-  background-color: #ffffff;
-  color: #2e1e0a;
+  background-color: #fcf8ef !important; 
+  color: #2e1e0a !important;
   align-self: flex-start;
-  border-radius: 15px 15px 15px 2px;
-  border: 1px solid #dccca7;
+  border-radius: 12px 12px 12px 2px;
+  border: 1px solid #e8dec5;
 }
\ No newline at end of file