From 229423b370c9d2c157c92adddf5bb4a5e77c46a6 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Tue, 23 Apr 2024 10:50:48 +1000
Subject: [PATCH] tidy(ui): memo aspectratiopreview

---
 .../components/ImageSize/AspectRatioPreview.tsx          | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioPreview.tsx b/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioPreview.tsx
index dcef435c39..4825d73bb5 100644
--- a/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioPreview.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/ImageSize/AspectRatioPreview.tsx
@@ -1,10 +1,13 @@
 import { Flex } from '@invoke-ai/ui-library';
 import { StageComponent } from 'features/regionalPrompts/components/StageComponent';
+import { memo } from 'react';
 
-export const AspectRatioPreview = () => {
+export const AspectRatioPreview = memo(() => {
   return (
-    <Flex w="full" h="full" alignItems="center" justifyContent="center">
+    <Flex w="full" h="full" alignItems="center" justifyContent="center" position="relative">
       <StageComponent asPreview />
     </Flex>
   );
-};
+});
+
+AspectRatioPreview.displayName = 'AspectRatioPreview';