Update application/static/css/style.css

application/static/css/style.css

@@ -232,23 +232,37 @@ html, body {
     gap: 24px;
 }
 
+/* Message Styles */
 /* Message Styles */
 .message {
     max-width: 80%;
+    margin-bottom: 15px; /* Add margin between messages */
     padding: 16px;
     border-radius: 12px;
     border: 1px solid var(--border-color);
     backdrop-filter: blur(10px);
+    color: var(--text-primary); /* Text color */
+    line-height: 1.5; /* Line spacing */
 }
 
 .user-message {
     margin-left: auto;
     background: var(--surface-2);
+    border-top-right-radius: 0;
 }
 
 .ai-message {
     margin-right: auto;
     background: var(--surface-1);
+    border-top-left-radius: 0;
+}
+
+.ai-message p{
+    color: var(--text-primary);
+}
+
+.user-message p{
+    color: var(--text-primary);
 }
 
 /* Input Area */