From cb6179356c187b9f514710e2d25df8814dbfc301 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=92=9C=E9=A6=99=E9=A3=9E=E8=A1=8C=E7=9F=AE=E5=A0=87?=
 =?UTF-8?q?=E7=93=9C?= <91074632+p2003722@users.noreply.github.com>
Date: Fri, 3 Jul 2026 10:34:38 +0800
Subject: [PATCH] fix(web): align external API and service API buttons
 vertically in datasets header (#38139)

---
 web/app/components/datasets/extra-info/service-api/index.tsx | 2 +-
 web/app/components/datasets/list/header.tsx                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/app/components/datasets/extra-info/service-api/index.tsx b/web/app/components/datasets/extra-info/service-api/index.tsx
index 8d1ca6e4d16..679e80c5df3 100644
--- a/web/app/components/datasets/extra-info/service-api/index.tsx
+++ b/web/app/components/datasets/extra-info/service-api/index.tsx
@@ -31,7 +31,7 @@ const ServiceApi = ({
   }, [])
 
   return (
-    <div>
+    <div className="flex items-center">
       <Popover
         open={open}
         onOpenChange={setOpen}
diff --git a/web/app/components/datasets/list/header.tsx b/web/app/components/datasets/list/header.tsx
index 85508625801..a1577ba6fe9 100644
--- a/web/app/components/datasets/list/header.tsx
+++ b/web/app/components/datasets/list/header.tsx
@@ -54,7 +54,7 @@ const DatasetListHeader = ({
           {canConnectExternalDataset && (
             <button
               type="button"
-              className="flex items-center justify-center gap-1 overflow-hidden rounded-md px-1.5 py-1 text-text-tertiary hover:bg-state-base-hover"
+              className="flex h-6 items-center justify-center gap-1 overflow-hidden rounded-md px-1.5 py-1 text-text-tertiary hover:bg-state-base-hover"
               onClick={onExternalApiClick}
             >
               <span aria-hidden className="i-custom-vender-solid-development-api-connection-mod size-3.5 shrink-0" />