diff --git a/invokeai/frontend/web/src/common/components/OverlayScrollbars/ScrollableContent.tsx b/invokeai/frontend/web/src/common/components/OverlayScrollbars/ScrollableContent.tsx
index 370c85959e..d61a5e498c 100644
--- a/invokeai/frontend/web/src/common/components/OverlayScrollbars/ScrollableContent.tsx
+++ b/invokeai/frontend/web/src/common/components/OverlayScrollbars/ScrollableContent.tsx
@@ -19,7 +19,7 @@ const styles: CSSProperties = { position: 'absolute', top: 0, left: 0, right: 0,
 
 const ScrollableContent = ({ children, maxHeight, overflowX = 'hidden', overflowY = 'scroll' }: Props) => {
   const overlayscrollbarsOptions = useMemo(
-    () => getOverlayScrollbarsParams(overflowX, overflowY).options,
+    () => getOverlayScrollbarsParams({ overflowX, overflowY }).options,
     [overflowX, overflowY]
   );
   const [os, osRef] = useState<OverlayScrollbarsComponentRef | null>(null);
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx
index 7854e4e3a0..1f2c01172d 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx
@@ -21,7 +21,10 @@ type Props = {
   extraCopyActions?: { label: string; getData: (data: unknown) => unknown }[];
 } & FlexProps;
 
-const overlayscrollbarsOptions = getOverlayScrollbarsParams('scroll', 'scroll').options;
+const overlayscrollbarsOptions = getOverlayScrollbarsParams({
+  overflowX: 'scroll',
+  overflowY: 'scroll',
+}).options;
 
 const DataViewer = (props: Props) => {
   const { label, data, fileName, withDownload = true, withCopy = true, extraCopyActions, ...rest } = props;