diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
index c0820df54de..df0a4c8aaa5 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
@@ -67,23 +67,24 @@ export const CanvasAddEntityButtons = memo(() => {
         </Flex>
         <Flex flexDir="column" justifyContent="flex-start" gap={2}>
           <Heading size="xs">{t('controlLayers.layer_other')}</Heading>
+
           <Button
             size="sm"
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addRasterLayer}
+            onClick={addControlLayer}
           >
-            {t('controlLayers.rasterLayer')}
+            {t('controlLayers.controlLayer')}
           </Button>
           <Button
             size="sm"
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addControlLayer}
+            onClick={addRasterLayer}
           >
-            {t('controlLayers.controlLayer')}
+            {t('controlLayers.rasterLayer')}
           </Button>
         </Flex>
       </Flex>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/CanvasEntityList.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/CanvasEntityList.tsx
index fd678472ccd..e63641dab35 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/CanvasEntityList.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/CanvasEntityList.tsx
@@ -14,8 +14,8 @@ export const CanvasEntityList = memo(() => {
         <IPAdapterList />
         <InpaintMaskList />
         <RegionalGuidanceEntityList />
-        <RasterLayerEntityList />
         <ControlLayerEntityList />
+        <RasterLayerEntityList />
       </Flex>
     </ScrollableContent>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
index a6dda7856b7..392e7401a28 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
@@ -50,12 +50,12 @@ export const EntityListGlobalActionBarAddLayerMenu = memo(() => {
           </MenuItem>
         </MenuGroup>
         <MenuGroup title={t('controlLayers.layer_other')}>
-          <MenuItem icon={<PiPlusBold />} onClick={addRasterLayer}>
-            {t('controlLayers.rasterLayer')}
-          </MenuItem>
           <MenuItem icon={<PiPlusBold />} onClick={addControlLayer}>
             {t('controlLayers.controlLayer')}
           </MenuItem>
+          <MenuItem icon={<PiPlusBold />} onClick={addRasterLayer}>
+            {t('controlLayers.rasterLayer')}
+          </MenuItem>
         </MenuGroup>
       </MenuList>
     </Menu>