diff --git a/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx b/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
index 3138bab079..5dc96859b5 100644
--- a/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIScrollArea.tsx
@@ -3,9 +3,9 @@ import { ScrollArea, ScrollAreaProps } from '@mantine/core';
 type IAIScrollArea = ScrollAreaProps;
 
 export default function IAIScrollArea(props: IAIScrollArea) {
-  const { offsetScrollbars = true, ...rest } = props;
+  const { ...rest } = props;
   return (
-    <ScrollArea w="100%" offsetScrollbars={offsetScrollbars} {...rest}>
+    <ScrollArea w="100%" {...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 84789e8e20..945169ce0c 100644
--- a/invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/ParametersPinnedWrapper.tsx
@@ -55,7 +55,7 @@ const ParametersPinnedWrapper = (props: ParametersPinnedWrapperProps) => {
       </Flex>
 
       <PinParametersPanelButton
-        sx={{ position: 'absolute', top: 0, insetInlineEnd: 2 }}
+        sx={{ position: 'absolute', top: 0, insetInlineEnd: 0 }}
       />
     </Box>
   );
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTab.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTab.tsx
index 3118542ecd..a0ec95d72d 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTab.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTab.tsx
@@ -26,7 +26,7 @@ const ImageToImageTab = () => {
   }, []);
 
   return (
-    <Flex sx={{ gap: 2, w: 'full', h: 'full' }}>
+    <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
       <ParametersPinnedWrapper>
         <ImageToImageTabParameters />
       </ParametersPinnedWrapper>
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
index 5a1e0cb2ec..90141af785 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
@@ -6,7 +6,7 @@ import TextToImageTabParameters from './TextToImageTabParameters';
 
 const TextToImageTab = () => {
   return (
-    <Flex sx={{ gap: 2, w: 'full', h: 'full' }}>
+    <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
       <ParametersPinnedWrapper>
         <TextToImageTabParameters />
       </ParametersPinnedWrapper>
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasTab.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasTab.tsx
index 35303c9a87..4c36c45e13 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasTab.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasTab.tsx
@@ -6,7 +6,7 @@ import UnifiedCanvasParameters from './UnifiedCanvasParameters';
 
 const UnifiedCanvasTab = () => {
   return (
-    <Flex sx={{ gap: 2, w: 'full', h: 'full' }}>
+    <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
       <ParametersPinnedWrapper>
         <UnifiedCanvasParameters />
       </ParametersPinnedWrapper>