From 14d7ebd58c3772da4706e02a73f5235b66fb6cd4 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Tue, 28 Mar 2023 15:26:51 +0200
Subject: [PATCH] :adhesive_bandage: (theme) Remove default opened accordion in
 Theme

It's causing the Template section to have strange behavior when it's height is changing
---
 apps/builder/src/features/theme/components/ThemeSideMenu.tsx  | 4 ++--
 apps/builder/src/features/theme/components/ThemeTemplates.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/builder/src/features/theme/components/ThemeSideMenu.tsx b/apps/builder/src/features/theme/components/ThemeSideMenu.tsx
index 5ff94c0f6..4471ce597 100644
--- a/apps/builder/src/features/theme/components/ThemeSideMenu.tsx
+++ b/apps/builder/src/features/theme/components/ThemeSideMenu.tsx
@@ -57,7 +57,7 @@ export const ThemeSideMenu = () => {
       <Heading fontSize="xl" textAlign="center">
         Customize the theme
       </Heading>
-      <Accordion allowMultiple defaultIndex={[0]}>
+      <Accordion allowMultiple>
         <AccordionItem>
           <AccordionButton py={6}>
             <HStack flex="1" pl={2}>
@@ -70,7 +70,7 @@ export const ThemeSideMenu = () => {
             </HStack>
             <AccordionIcon />
           </AccordionButton>
-          <AccordionPanel pb={4}>
+          <AccordionPanel pb={12}>
             {typebot && (
               <ThemeTemplates
                 selectedTemplateId={
diff --git a/apps/builder/src/features/theme/components/ThemeTemplates.tsx b/apps/builder/src/features/theme/components/ThemeTemplates.tsx
index ff497e1e2..0e2184eae 100644
--- a/apps/builder/src/features/theme/components/ThemeTemplates.tsx
+++ b/apps/builder/src/features/theme/components/ThemeTemplates.tsx
@@ -24,7 +24,7 @@ export const ThemeTemplates = ({
   const [selectedTab, setSelectedTab] = useState<Tab>('my-templates')
 
   return (
-    <Stack spacing={4} pb={12}>
+    <Stack spacing={4}>
       <HStack>
         <Button
           flex="1"