From 91ded4bd154d2e5f6085174d19dd9ca2cc99617e Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 5 Feb 2025 17:24:19 +1100
Subject: [PATCH] feat(ui): tweak styling of canvas paste modal

---
 .../controlLayers/components/CanvasPasteModal.tsx      | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasPasteModal.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasPasteModal.tsx
index 288d5cf08d..6d1563abec 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasPasteModal.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasPasteModal.tsx
@@ -123,15 +123,15 @@ export const CanvasPasteModal = memo(() => {
       <ModalContent>
         <ModalHeader>{t('controlLayers.pasteTo')}</ModalHeader>
         <ModalCloseButton />
-        <ModalBody>
-          <Flex flexDir="column" gap={4}>
-            <Button variant="ghost" size="lg" onClick={pasteToAssets} isDisabled={isLoading}>
+        <ModalBody display="flex" justifyContent="center">
+          <Flex flexDir="column" gap={4} w="min-content">
+            <Button size="lg" onClick={pasteToAssets} isDisabled={isLoading}>
               {t('controlLayers.pasteToAssetsDesc')}
             </Button>
-            <Button variant="ghost" size="lg" onClick={pasteToBbox} isDisabled={isLoading}>
+            <Button size="lg" onClick={pasteToBbox} isDisabled={isLoading}>
               {t('controlLayers.pasteToBboxDesc')}
             </Button>
-            <Button variant="ghost" size="lg" onClick={pasteToCanvas} isDisabled={isLoading}>
+            <Button size="lg" onClick={pasteToCanvas} isDisabled={isLoading}>
               {t('controlLayers.pasteToCanvasDesc')}
             </Button>
           </Flex>