From 2d31b82e60e279aeaba2f035d6d90ea551354a47 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 23 Jul 2024 14:26:56 +1000
Subject: [PATCH] feat(ui): tweak layout for warning message

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

diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx
index c7ac339a51..6002b76521 100644
--- a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx
+++ b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleSettingsAccordion.tsx
@@ -49,14 +49,16 @@ export const UpscaleSettingsAccordion = memo(() => {
 
   return (
     <StandaloneAccordion label="Upscale" badges={badges} isOpen={isOpenAccordion} onToggle={onToggleAccordion}>
-      <Flex pt={4} px={4} w="full" h="full" flexDir="column" data-testid="image-settings-accordion">
-        <Flex gap={4}>
-          <UpscaleInitialImage />
-          <Flex direction="column" w="full" alignItems="center" gap={2}>
-            <ParamSpandrelModel />
-            <UpscaleScaleSlider />
-            <MultidiffusionWarning />
+      <Flex pt={4} px={4} w="full" h="full" flexDir="column" data-testid="upscale-settings-accordion">
+        <Flex flexDir="column" gap={4}>
+          <Flex gap={4}>
+            <UpscaleInitialImage />
+            <Flex direction="column" w="full" alignItems="center" gap={2}>
+              <ParamSpandrelModel />
+              <UpscaleScaleSlider />
+            </Flex>
           </Flex>
+          <MultidiffusionWarning />
         </Flex>
         <Expander label={t('accordions.advanced.options')} isOpen={isOpenExpander} onToggle={onToggleExpander}>
           <Flex gap={4} pb={4} flexDir="column">