diff --git a/invokeai/frontend/web/src/features/nodes/components/IAINode/IAINodeResizer.tsx b/invokeai/frontend/web/src/features/nodes/components/IAINode/IAINodeResizer.tsx
new file mode 100644
index 0000000000..fcce9ce1b7
--- /dev/null
+++ b/invokeai/frontend/web/src/features/nodes/components/IAINode/IAINodeResizer.tsx
@@ -0,0 +1,19 @@
+import { NodeResizeControl, NodeResizerProps } from 'reactflow';
+
+export default function IAINodeResizer(props: NodeResizerProps) {
+ const { ...rest } = props;
+ return (
+
+ );
+}
diff --git a/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx b/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx
index d4abdf0c96..d168e429f4 100644
--- a/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx
@@ -1,4 +1,4 @@
-import { NodeProps } from 'reactflow';
+import { NodeProps, NodeResizeControl } from 'reactflow';
import { Box, Flex, Icon } from '@chakra-ui/react';
import { FaExclamationCircle } from 'react-icons/fa';
import { InvocationValue } from '../types/types';
@@ -8,6 +8,8 @@ import { useGetInvocationTemplate } from '../hooks/useInvocationTemplate';
import IAINodeOutputs from './IAINode/IAINodeOutputs';
import IAINodeInputs from './IAINode/IAINodeInputs';
import IAINodeHeader from './IAINode/IAINodeHeader';
+import { IoResize } from 'react-icons/io5';
+import IAINodeResizer from './IAINode/IAINodeResizer';
export const InvocationComponent = memo((props: NodeProps) => {
const { id: nodeId, data, selected } = props;
@@ -32,6 +34,7 @@ export const InvocationComponent = memo((props: NodeProps) => {
>
+
);
@@ -51,6 +54,7 @@ export const InvocationComponent = memo((props: NodeProps) => {
+
);