diff --git a/invokeai/frontend/web/src/features/controlNet/components/ControlNet.tsx b/invokeai/frontend/web/src/features/controlNet/components/ControlNet.tsx
index 3ba702d3bb..78959e6695 100644
--- a/invokeai/frontend/web/src/features/controlNet/components/ControlNet.tsx
+++ b/invokeai/frontend/web/src/features/controlNet/components/ControlNet.tsx
@@ -184,8 +184,10 @@ const ControlNet = (props: ControlNetProps) => {
             </Flex>
           )}
         </Flex>
-        <ParamControlNetControlMode controlNetId={controlNetId} />
-        <ParamControlNetResizeMode controlNetId={controlNetId} />
+        <Flex sx={{ gap: 2 }}>
+          <ParamControlNetControlMode controlNetId={controlNetId} />
+          <ParamControlNetResizeMode controlNetId={controlNetId} />
+        </Flex>
         <ParamControlNetProcessorSelect controlNetId={controlNetId} />
       </Flex>