Update app.py

app.py

@@ -318,8 +318,31 @@ with gr.Blocks(theme="shivi/calm_seafoam") as app:
         sentiment = gr.Textbox(label="Detected Sentiment", show_label=True)
         emotion = gr.Textbox(label="Detected Emotion", show_label=True)
 
+        # CSS styles for label and DataFrame
+        data_frame_styles = """
+        <style>
+            .dataframe-label {
+                font-size: 1.5em;  /* Increase label font size */
+                font-weight: bold;  /* Make label bold */
+                text-align: center;  /* Center the label */
+                margin-bottom: 10px;  /* Space below the label */
+                color: #00796b;  /* Match the theme color */
+            }
+            .gr-dataframe {
+                border: 2px solid #00796b; /* Dark teal border */
+                border-radius: 10px; /* Round corners */
+                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow for depth */
+            }
+        </style>
+        <div class="dataframe-label">Nearby Health Professionals</div>
+        """
+
+        professionals = gr.DataFrame(
+            label=None,  # Don't use label here as we are applying custom styles
+            headers=["Name", "Address"]
+        )
+
         suggestions_markdown = gr.Markdown(label="Suggestions")
-        professionals = gr.DataFrame(label="Nearby Health Professionals", headers=["Name", "Address"])
         map_html = gr.HTML(label="Interactive Map")
 
         # Functionality to clear the chat input