diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CALayerListItem.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CALayerListItem.tsx
index 440fad05dd..f97546c4fe 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CALayerListItem.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CALayerListItem.tsx
@@ -59,7 +59,7 @@ export const CALayerListItem = memo(({ layerId }: Props) => {
           <LayerDeleteButton layerId={layerId} />
         </Flex>
         {isOpen && (
-          <Flex gap={3} px={3} pb={3}>
+          <Flex flexDir="column" gap={3} px={3} pb={3}>
             <ControlAdapterLayerConfig id={controlNetId} />
           </Flex>
         )}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/IPLayerListItem.tsx b/invokeai/frontend/web/src/features/controlLayers/components/IPLayerListItem.tsx
index cd6d352c8b..bdc54373a0 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/IPLayerListItem.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/IPLayerListItem.tsx
@@ -35,7 +35,7 @@ export const IPLayerListItem = memo(({ layerId }: Props) => {
           <LayerDeleteButton layerId={layerId} />
         </Flex>
         {isOpen && (
-          <Flex gap={3} alignItems="center" px={3} pb={3} cursor="pointer">
+          <Flex flexDir="column" gap={3} px={3} pb={3}>
             <ControlAdapterLayerConfig id={ipAdapterId} />
           </Flex>
         )}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RGLayerListItem.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RGLayerListItem.tsx
index f4ff58f5de..3c126cabaa 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RGLayerListItem.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RGLayerListItem.tsx
@@ -69,7 +69,7 @@ export const RGLayerListItem = memo(({ layerId }: Props) => {
           <LayerDeleteButton layerId={layerId} />
         </Flex>
         {isOpen && (
-          <Flex gap={3} px={3} pb={3}>
+          <Flex flexDir="column" gap={3} px={3} pb={3}>
             {!hasPositivePrompt && !hasNegativePrompt && !hasIPAdapters && <AddPromptButtons layerId={layerId} />}
             {hasPositivePrompt && <RGLayerPositivePrompt layerId={layerId} />}
             {hasNegativePrompt && <RGLayerNegativePrompt layerId={layerId} />}