fix: center environment action buttons vertically

src/componets/env/Environment.tsx

@@ -97,7 +97,7 @@ export function Environment({ envs, onChanged, onSelected, onAdd, onRemove }: En
     <Card variant="bordered" padding="none" className="h-full">
       <CardBody className="space-y-4">
         {/* Environment Selector */}
-        <div className="flex items-center gap-2">
+        <div className="flex gap-2">
           <div className="flex-1">
             <Select
               label="Environment"
@@ -112,6 +112,8 @@ export function Environment({ envs, onChanged, onSelected, onAdd, onRemove }: En
             />
           </div>
 
+          <div className="flex flex-col justify-center gap-2 pt-6">
+            <div className="flex gap-2">
               <Button
                 variant="success"
                 size="sm"
@@ -129,6 +131,8 @@ export function Environment({ envs, onChanged, onSelected, onAdd, onRemove }: En
                 disabled={currEnv.isDefault()}
               />
             </div>
+          </div>
+        </div>
 
         {/* Parameters Section */}
         <div>