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>
     );