🩹 (theme) Remove default opened accordion in Theme

It's causing the Template section to have strange behavior when it's height is changing
baptisteArno · Mar 28, 2023 · 14d7ebd · 14d7ebd · vercel · Mar 28, 2023
1 parent 94aadc8
commit 14d7ebd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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"