diff --git a/cypress/e2e/25-stickies.cy.ts b/cypress/e2e/25-stickies.cy.ts
index da8d6c2674..4e0e49ae2b 100644
--- a/cypress/e2e/25-stickies.cy.ts
+++ b/cypress/e2e/25-stickies.cy.ts
@@ -12,7 +12,7 @@ describe('Canvas Actions', () => {
});
it('adds sticky to canvas with default text and position', () => {
- workflowPage.getters.addStickyButton().should('not.be.visible');
+ workflowPage.getters.addStickyButton().should('be.visible');
addDefaultSticky();
workflowPage.actions.deselectAll();
diff --git a/cypress/pages/workflow.ts b/cypress/pages/workflow.ts
index 57dc7c145c..0765e0d41d 100644
--- a/cypress/pages/workflow.ts
+++ b/cypress/pages/workflow.ts
@@ -437,7 +437,6 @@ export class WorkflowPage extends BasePage {
.click({ force: true });
},
addSticky: () => {
- this.getters.nodeCreatorPlusButton().realHover();
this.getters.addStickyButton().click();
},
deleteSticky: () => {
diff --git a/packages/frontend/editor-ui/src/components/Node/NodeCreation.vue b/packages/frontend/editor-ui/src/components/Node/NodeCreation.vue
index ca5864b31c..d161446b1b 100644
--- a/packages/frontend/editor-ui/src/components/Node/NodeCreation.vue
+++ b/packages/frontend/editor-ui/src/components/Node/NodeCreation.vue
@@ -1,6 +1,6 @@
-
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
+ />
+
+
+
+
{
top: 0;
right: 0;
display: flex;
-}
-
-.addStickyButton {
- margin-top: var(--spacing-2xs);
- opacity: 0;
- transition: 0.1s;
- transition-timing-function: linear;
-}
-
-.visibleButton {
- opacity: 1;
- pointer-events: all;
-}
-
-.nodeCreatorButton {
- position: absolute;
- text-align: center;
- top: var(--spacing-s);
- right: var(--spacing-s);
+ flex-direction: column;
+ gap: var(--spacing-2xs);
+ padding: var(--spacing-s);
pointer-events: all !important;
}