Update app.py

app.py

@@ -195,7 +195,21 @@ html, body, .gradio-container {
   background: var(--surface-2) !important;
 }
 
-/* Source buttons */
+/* Source buttons - upload and paste tabs */
+#mri_upload .tabs,
+#mri_upload [role="tablist"],
+#heatmap_preview .tabs,
+#heatmap_preview [role="tablist"] {
+  display: flex !important;
+  gap: 8px !important;
+  padding-bottom: 12px !important;
+  background: transparent !important;
+  border: 0 !important;
+  z-index: 25 !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+}
+
 #mri_upload button,
 #heatmap_preview button,
 #mri_upload [role="tab"],
@@ -204,24 +218,24 @@ html, body, .gradio-container {
   border: 1px solid var(--border-2) !important;
   border-radius: var(--radius-sm) !important;
   color: var(--text-2) !important;
-  padding: 7px 14px !important;
+  padding: 8px 16px !important;
   min-height: 36px !important;
   height: auto !important;
+  font-size: .85rem !important;
+  font-weight: 500 !important;
   opacity: 1 !important;
   visibility: visible !important;
   z-index: 20 !important;
+  display: inline-flex !important;
+  align-items: center !important;
 }
 
-#mri_upload .tabs,
-#mri_upload [role="tablist"],
-#heatmap_preview .tabs,
-#heatmap_preview [role="tablist"] {
-  display: flex !important;
-  gap: 8px !important;
-  padding-bottom: 10px !important;
-  background: transparent !important;
-  border: 0 !important;
-  z-index: 25 !important;
+#mri_upload button:hover,
+#heatmap_preview button:hover,
+#mri_upload [role="tab"]:hover,
+#heatmap_preview [role="tab"]:hover {
+  background: var(--surface) !important;
+  border-color: var(--border) !important;
 }
 
 /* ── Checkbox ──────────────────────────────────────────────────────── */