From 47ee08db919ef2b618aef805e8ca5bbd6215080b Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Thu, 2 May 2024 08:21:03 +1000
Subject: [PATCH] fix(ui): processor select styling

---
 .../ControlAdapterProcessorTypeSelect.tsx     | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ControlAndIPAdapter/ControlAdapterProcessorTypeSelect.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ControlAndIPAdapter/ControlAdapterProcessorTypeSelect.tsx
index 5f34946af5..b6bba6301f 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/ControlAndIPAdapter/ControlAdapterProcessorTypeSelect.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/ControlAndIPAdapter/ControlAdapterProcessorTypeSelect.tsx
@@ -48,20 +48,21 @@ export const ControlAdapterProcessorTypeSelect = memo(({ config, onChange }: Pro
   const value = useMemo(() => options.find((o) => o.value === config?.type) ?? null, [options, config?.type]);
 
   return (
-    <FormControl>
-      <InformationalPopover feature="controlNetProcessor">
-        <FormLabel>{t('controlnet.processor')}</FormLabel>
-      </InformationalPopover>
-      <Flex gap={4}>
+    <Flex gap={2}>
+      <FormControl>
+        <InformationalPopover feature="controlNetProcessor">
+          <FormLabel>{t('controlnet.processor')}</FormLabel>
+        </InformationalPopover>
         <Combobox value={value} options={options} onChange={_onChange} isSearchable={false} isClearable={false} />
-        <IconButton
-          aria-label={t('controlnet.processor')}
-          onClick={clearProcessor}
-          icon={<PiXBold />}
-          variant="ghost"
-        />
-      </Flex>
-    </FormControl>
+      </FormControl>
+      <IconButton
+        aria-label={t('controlnet.processor')}
+        onClick={clearProcessor}
+        icon={<PiXBold />}
+        variant="ghost"
+        size="sm"
+      />
+    </Flex>
   );
 });