From 79d53341dedd360b20accbbe05a9c1acdafbfb38 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Tue, 13 Jun 2023 02:33:48 +1200
Subject: [PATCH] fix: Stretch scroll area so it retains parent width

---
 invokeai/frontend/web/src/common/components/IAIScrollArea.tsx   | 2 +-
 .../web/src/features/ui/components/ParametersPinnedWrapper.tsx  | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx b/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
index 7ed4c4bead..3138bab079 100644
--- a/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
@@ -5,7 +5,7 @@ type IAIScrollArea = ScrollAreaProps;
 export default function IAIScrollArea(props: IAIScrollArea) {
   const { offsetScrollbars = true, ...rest } = props;
   return (
-    <ScrollArea offsetScrollbars={offsetScrollbars} {...rest}>
+    <ScrollArea w="100%" offsetScrollbars={offsetScrollbars} {...rest}>
       {props.children}
     </ScrollArea>
   );
diff --git a/invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx b/invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx
index 30ffe0b462..84789e8e20 100644
--- a/invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx
@@ -47,7 +47,6 @@ const ParametersPinnedWrapper = (props: ParametersPinnedWrapperProps) => {
             sx={{
               flexDirection: 'column',
               gap: 2,
-              width: PARAMETERS_PANEL_WIDTH,
             }}
           >
             {props.children}