Update app.py

app.py

@@ -144,7 +144,7 @@ custom_css = """
     margin-bottom: 10px;
 }
 .chatbot { 
-    border: 1px solid #0066CC; 
+    border: none;  /* Remove the blue border */
     border-radius: 5px; 
     padding: 10px; 
     margin-bottom: 15px;
@@ -154,20 +154,26 @@ custom_css = """
     gap: 10px; 
     margin-bottom: 15px;
 }
-/* Forceful removal of lines */
+/* Remove borders and shadows from chat bubbles */
 .chatbot .message,
 .chatbot .message::before,
 .chatbot .message::after {
-    border-left: none !important;
-    border-right: none !important;
-    border-top: none !important;
-    border-bottom: none !important;
+    border: none !important;
     box-shadow: none !important;
 }
 .chatbot .message > div {
     border: none !important;
     box-shadow: none !important;
 }
+/* Adjust padding and margin to prevent overlap */
+.chatbot .message-content {
+    padding: 10px 15px; /* Add padding for better spacing */
+    margin-bottom: 5px; /* Space between messages */
+}
+.chatbot .message-bubble {
+    background-color: #FFFFFF; /* Ensure background is white */
+    border-radius: 8px; /* Rounded corners for messages */
+}
 """
 
 # Environment variables