Update custom.css

custom.css

@@ -11,13 +11,13 @@
     direction: rtl;
     margin-right: 20px;
 }
-#chatbot {
-    background-color: #f9f9f9;
-    border-radius: 10px;
-    padding: 10px;
+#chatbot .wrap {
     direction: rtl;
     text-align: right;
-    font-family: 'Tajawal', sans-serif;
+    white-space: pre-wrap;     /* Allows normal wrapping */
+    word-wrap: break-word;     /* Ensures long words break instead of overflowing */
+    max-width: 800px;         /* Optional: limit message width */
+    margin: 0 auto;           /* Center the messages container */
 }
 #input-box {
     border: 2px solid blue;
@@ -30,3 +30,6 @@
     color: white;
     font-weight: bold;
 }
+
+
+