From e2f4145cd21f7f952a3d5abdb9079fc39be81f33 Mon Sep 17 00:00:00 2001
From: pablodanswer <pablo@danswer.ai>
Date: Fri, 30 Aug 2024 11:56:24 -0700
Subject: [PATCH] add better spacing (#2265)

---
 .../app/admin/configuration/llm/CustomLLMProviderUpdateForm.tsx | 2 +-
 web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx   | 2 +-
 web/src/components/admin/connectors/Field.tsx                   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/app/admin/configuration/llm/CustomLLMProviderUpdateForm.tsx b/web/src/app/admin/configuration/llm/CustomLLMProviderUpdateForm.tsx
index 80ff1f456..204d054a9 100644
--- a/web/src/app/admin/configuration/llm/CustomLLMProviderUpdateForm.tsx
+++ b/web/src/app/admin/configuration/llm/CustomLLMProviderUpdateForm.tsx
@@ -211,7 +211,7 @@ export function CustomLLMProviderUpdateForm({
     >
       {({ values, setFieldValue }) => {
         return (
-          <Form>
+          <Form className="gap-y-6 mt-8">
             <TextFormField
               name="name"
               label="Display Name"
diff --git a/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx b/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx
index 49d95d096..3abd88b59 100644
--- a/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx
+++ b/web/src/app/admin/configuration/llm/LLMProviderUpdateForm.tsx
@@ -218,7 +218,7 @@ export function LLMProviderUpdateForm({
       }}
     >
       {({ values, setFieldValue }) => (
-        <Form className="w-full items-stretch">
+        <Form className="gap-y-6 mt-8">
           <TextFormField
             name="name"
             label="Display Name"
diff --git a/web/src/components/admin/connectors/Field.tsx b/web/src/components/admin/connectors/Field.tsx
index fc749296f..361a1916f 100644
--- a/web/src/components/admin/connectors/Field.tsx
+++ b/web/src/components/admin/connectors/Field.tsx
@@ -570,7 +570,7 @@ export function SelectorFormField({
   const { setFieldValue } = useFormikContext();
 
   return (
-    <div className="mb-4">
+    <div>
       {label && <Label>{label}</Label>}
       {subtext && <SubLabel>{subtext}</SubLabel>}
       <div className="mt-2">