diff --git a/frontend/components/integrations/CloudIntegration.tsx b/frontend/components/integrations/CloudIntegration.tsx
index 75a8019a5..dd1b13f47 100644
--- a/frontend/components/integrations/CloudIntegration.tsx
+++ b/frontend/components/integrations/CloudIntegration.tsx
@@ -74,7 +74,7 @@ const CloudIntegration = ({
             integrationAuths
             .map((authorization) => authorization.integration)
             .includes(cloudIntegrationOption.name.toLowerCase()) && (
-            <div className="absolute group z-50 top-0 right-0 flex flex-row">
+            <div className="absolute group z-40 top-0 right-0 flex flex-row">
                 <div
                     onClick={(event) => {
                         event.stopPropagation();
diff --git a/frontend/components/integrations/Integration.tsx b/frontend/components/integrations/Integration.tsx
index 4dba86841..bbc8861dc 100644
--- a/frontend/components/integrations/Integration.tsx
+++ b/frontend/components/integrations/Integration.tsx
@@ -101,7 +101,7 @@ const Integration = ({
           case "vercel":
             return (
               <div>
-                <div className="text-gray-400 text-xs font-semibold mb-2">
+                <div className="text-gray-400 text-xs font-semibold mb-2 w-60">
                     ENVIRONMENT
                 </div>
                 <ListBox
@@ -112,6 +112,7 @@ const Integration = ({
                   ] : null}
                   selected={integrationTarget}
                   onChange={setIntegrationTarget}
+                  isFull={true}
                 />
             </div>
             );