From 7cce92bcec570815648267eeed7a3af5a26f15fc Mon Sep 17 00:00:00 2001
From: Stanislav Saprankov <stanislav@cloudquery.io>
Date: Tue, 25 Mar 2025 15:44:17 +0100
Subject: [PATCH] fix collapsible section subtitle position

---
 .../form/sections/collapsibleSubSection.tsx   | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/form/sections/collapsibleSubSection.tsx b/src/components/form/sections/collapsibleSubSection.tsx
index 742b338f..0fc7f748 100644
--- a/src/components/form/sections/collapsibleSubSection.tsx
+++ b/src/components/form/sections/collapsibleSubSection.tsx
@@ -4,6 +4,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import Accordion, { AccordionProps } from '@mui/material/Accordion';
 import AccordionDetails from '@mui/material/AccordionDetails';
 import AccordionSummary from '@mui/material/AccordionSummary';
+import Stack from '@mui/material/Stack';
 import useTheme from '@mui/material/styles/useTheme';
 import Typography from '@mui/material/Typography/Typography';
 
@@ -46,12 +47,18 @@ export function CollapsibleSubSection({
         sx={{ backgroundColor: 'transparent', paddingLeft: 0 }}
         expandIcon={<ExpandMoreIcon />}
       >
-        {title && <Typography variant="h6">{title}</Typography>}
-        {subtitle && (
-          <Typography variant="body2" sx={{ color: palette.text.secondary }}>
-            {subtitle}
-          </Typography>
-        )}
+        <Stack
+          sx={{
+            gap: 1,
+          }}
+        >
+          {title && <Typography variant="h6">{title}</Typography>}
+          {subtitle && (
+            <Typography variant="body2" color={palette.text.secondary}>
+              {subtitle}
+            </Typography>
+          )}
+        </Stack>
       </AccordionSummary>
       <AccordionDetails sx={{ paddingLeft: 0 }}>
         <SubSection>{children}</SubSection>