Update app.py

app.py

@@ -58,16 +58,18 @@ dark_css = """
     outline: none;
 }
 #send-button {
-    background-color: transparent; /* Transparent background */
-    color: #007BFF;               /* Button text color */
-    border: none;                 /* No border */
-    margin-left: -40px;           /* Overlaps input box */
-    cursor: pointer;              /* Pointer cursor */
-    font-size: 18px;              /* Slightly larger icon */
-    padding: 0;                   /* Remove padding */
+    background-color: #007BFF; /* Button background color */
+    color: white;              /* Button text color */
+    border: none;              /* No border */
+    border-radius: 20px;       /* Rounded corners */
+    padding: 10px 20px;        /* Padding for the button */
+    font-size: 14px;           /* Font size for the button text */
+    margin-left: 10px;         /* Space between input and button */
+    cursor: pointer;           /* Pointer cursor */
+    transition: background-color 0.3s ease; /* Smooth hover transition */
 }
 #send-button:hover {
-    color: #0056b3;               /* Darker hover color */
+    background-color: #0056b3; /* Darker hover color */
 }
 """
 
@@ -86,7 +88,7 @@ def create_interface():
         # Input field with button inside
         with gr.Row(elem_id="input-container"):
             message = gr.Textbox(placeholder="Type a message...", elem_id="message-input", lines=1, show_label=False)
-            send_btn = gr.Button("➤", elem_id="send-button")  # Button overlaps input box
+            send_btn = gr.Button("Send", elem_id="send-button")
 
         # Settings section
         with gr.Accordion("⚙️ Settings", open=False):