fix payloadcms fields (#924)

Co-authored-by: Adrian Pilarczyk <admin@peelar.dev>

.changeset/hungry-clocks-move.md

@@ -0,0 +1,5 @@
+---
+"saleor-app-cms-v2": patch
+---
+
+Fix PayloadCMS form where two inputs were stuck together without a margin. Now, they are placed in two columns

apps/cms-v2/src/modules/providers/payloadcms/payloadcms-config-form.tsx

@@ -82,17 +82,19 @@ const PureForm = ({ defaultValues, onSubmit, onDelete }: PureFormProps) => {
           >
             Read more in Payload docs
           </TextLink>
-          <Text as="p" marginBottom={4}>
+          <Text as="p" marginBottom={6}>
             If your API is open (e.g. for development purposes) leave both fields empty.
           </Text>
 
-          <Input
-            control={control}
-            name="authenticatedUserSlug"
-            label="Authenticated user slug"
-            placeholder="e.g. apps"
-          />
-          <Input control={control} name="authToken" type="password" label="User API Key" />
+          <Box display="grid" gap={4} gridTemplateColumns={2}>
+            <Input
+              control={control}
+              name="authenticatedUserSlug"
+              label="Authenticated user slug"
+              placeholder="e.g. apps"
+            />
+            <Input control={control} name="authToken" type="password" label="User API Key" />
+          </Box>
         </Box>
       </Box>
       <Box display={"grid"} gap={4} marginY={4}>