From 2f76019a89bc4eff84eba67bd6c2507ce42070d8 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 25 Oct 2024 14:45:06 +1000
Subject: [PATCH] tweak(ui): defaults sync tooltip styling

---
 .../MainModel/UseDefaultSettingsButton.tsx       | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx b/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx
index bd536eb7bf..122001e768 100644
--- a/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx
@@ -137,15 +137,13 @@ export const UseDefaultSettingsButton = () => {
     }
 
     return (
-      <Flex direction="column" gap={3}>
-        <Flex direction="column">
-          <Text>{t('modelManager.defaultSettingsOutOfSync')}</Text>
-          <UnorderedList>
-            {outOfSyncSettings.map((setting) => (
-              <ListItem key={setting}>{setting}</ListItem>
-            ))}
-          </UnorderedList>
-        </Flex>
+      <Flex direction="column" gap={2}>
+        <Text>{t('modelManager.defaultSettingsOutOfSync')}</Text>
+        <UnorderedList>
+          {outOfSyncSettings.map((setting) => (
+            <ListItem key={setting}>{setting}</ListItem>
+          ))}
+        </UnorderedList>
         <Text>{t('modelManager.restoreDefaultSettings')}</Text>
       </Flex>
     );