diff --git a/web/app/components/workflow/variable-inspect/tab-header.tsx b/web/app/components/workflow/variable-inspect/tab-header.tsx
index aaf3b2573b..be000a8872 100644
--- a/web/app/components/workflow/variable-inspect/tab-header.tsx
+++ b/web/app/components/workflow/variable-inspect/tab-header.tsx
@@ -22,7 +22,7 @@ const TabHeader: FC<TabHeaderProps> = ({
   const { t } = useTranslation('workflow')
 
   return (
-    <div className="flex shrink-0 items-center gap-0.5 pl-3 pr-2 pt-2">
+    <div className="flex h-10 w-full shrink-0 items-center gap-0.5 pl-3 pr-2">
       {TAB_ITEMS.map(tab => (
         <button
           key={tab.value}
@@ -38,7 +38,7 @@ const TabHeader: FC<TabHeaderProps> = ({
           {t(tab.labelKey)}
         </button>
       ))}
-      {children}
+      <div className="ml-auto">{children}</div>
     </div>
   )
 }