From 5435452ab01a7cb244328102d8a436c05e3941aa Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Fri, 10 Mar 2023 09:27:23 +0100
Subject: [PATCH] :bug: Fix theme avatar form variable click unfocus bug

---
 .../components/ChatSettings/AvatarForm.tsx      | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/apps/builder/src/features/theme/components/ChatSettings/AvatarForm.tsx b/apps/builder/src/features/theme/components/ChatSettings/AvatarForm.tsx
index b98d207dd..cfe5fbb02 100644
--- a/apps/builder/src/features/theme/components/ChatSettings/AvatarForm.tsx
+++ b/apps/builder/src/features/theme/components/ChatSettings/AvatarForm.tsx
@@ -11,7 +11,6 @@ import {
   Image,
   Flex,
   Box,
-  Portal,
 } from '@chakra-ui/react'
 import { ImageUploadContent } from '@/components/ImageUploadContent'
 import { DefaultAvatar } from '../DefaultAvatar'
@@ -70,15 +69,13 @@ export const AvatarForm = ({
                 />
               )}
             </PopoverTrigger>
-            <Portal>
-              <PopoverContent p="4">
-                <ImageUploadContent
-                  filePath={uploadFilePath}
-                  defaultUrl={avatarProps?.url}
-                  onSubmit={handleImageUrl}
-                />
-              </PopoverContent>
-            </Portal>
+            <PopoverContent p="4">
+              <ImageUploadContent
+                filePath={uploadFilePath}
+                defaultUrl={avatarProps?.url}
+                onSubmit={handleImageUrl}
+              />
+            </PopoverContent>
           </Popover>
         )}
       </Flex>