Update app.py

app.py

@@ -140,15 +140,37 @@ header {
     border-radius: 15px;
     padding: 20px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-    max-height: 350px;
+    max-height: 400px;  /* Increase height for better visibility */
     width: 80%;  /* Wider chat container */
     margin: 0 auto;
-    overflow-y: auto;
+    overflow-y: auto;  /* Enable vertical scrolling */
     font-size: 1.1rem;
     color: #333;
     line-height: 1.6;
+    scrollbar-width: thin;  /* Thin scrollbar for modern browsers */
+    scrollbar-color: #ff758c #fad0c4;  /* Custom scrollbar colors */
 }
 
+/* Add custom scrollbar styles for webkit browsers */
+.chat-container::-webkit-scrollbar {
+    width: 10px;
+}
+
+.chat-container::-webkit-scrollbar-thumb {
+    background: #ff758c;
+    border-radius: 10px;
+}
+
+.chat-container::-webkit-scrollbar-thumb:hover {
+    background: #ff7eb3;
+}
+
+.chat-container::-webkit-scrollbar-track {
+    background: #fad0c4;
+    border-radius: 10px;
+}
+
+
 .chat-container .user-message {
     font-weight: bold;
     color: #6a11cb;