From dc2a3363b0f6b5b8b6753c9d88dd1498b19d12eb Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 24 Jul 2024 12:36:31 +1000
Subject: [PATCH] feat(ui): layout shift when using a collapse w/ flex gap

the gap isn't handled smoothly, there's always a jump. cannot use gap in the collapsible's container
---
 .../gallery/components/Boards/BoardsList/BoardsList.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
index 48ab1bca1a..1b3b4a68b3 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
@@ -75,7 +75,7 @@ export const BoardsList = ({ isPrivate }: Props) => {
 
   return (
     <>
-      <Flex direction="column" gap={1}>
+      <Flex direction="column">
         <Flex
           position="sticky"
           w="full"