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" />