Update app.py

app.py

@@ -165,19 +165,19 @@ with gr.Blocks(css="""
 }
     .gr-chatbot { background-color: white; border-radius: 15px; padding: 20px; }
 .custom-tabs .tab-nav {
-    background-color: #ffffff;
+    background-color: white;
     border-radius: 50px;
-    padding: 8px;
+    padding: 15px;
     display: flex;
     justify-content: center;
-    gap: 8px;
+    gap: 15px;
     border: 1px solid #e0e0e0;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
 }
 
 .custom-tabs button[role="tab"] {
     border-radius: 50px !important;
-    padding: 10px 30px !important;
+    padding: 20px 40px !important;
     font-weight: 500;
     font-size: 16px;
     color: #555 !important;
@@ -196,6 +196,16 @@ with gr.Blocks(css="""
     background-color: #e0f7ff;
     transform: scale(1.05);
 }
+/* REMOVE THE UGLY ORANGE UNDERLINE LINE */
+.custom-tabs button[role="tab"] {
+    border-bottom: none !important;
+    box-shadow: none !important;
+}
+
+.custom-tabs button[role="tab"]::after {
+    display: none !important;
+    border-bottom: none !important;
+}
 
     :root {
     --trim-region-color: rgba(255, 153, 0, 0.5);  /* Nice orange for example */
@@ -233,6 +243,7 @@ with gr.Blocks(css="""
         margin-right: 8px;
         vertical-align: middle;
     }
+