diff --git a/packages/design-system/src/css/common/var.scss b/packages/design-system/src/css/common/var.scss
index aa1fddd842..a6f1b06884 100644
--- a/packages/design-system/src/css/common/var.scss
+++ b/packages/design-system/src/css/common/var.scss
@@ -748,14 +748,15 @@ $popover-title-font-color: var(--color-text-dark);
 /* Tooltip
 -------------------------- */
 /// color|1|Color|0
-$tooltip-fill: var(--color-background-dark);
+$tooltip-fill: var(--color-background-xlight);
 /// color|1|Color|0
-$tooltip-color: $color-white;
+$tooltip-color: var(--color-text-base);
 /// fontSize||Font|1
 $tooltip-font-size: 12px;
 /// color||Color|0
-$tooltip-border-color: var(--color-background-dark);
-$tooltip-arrow-size: 6px;
+$tooltip-border-color: var(--color-background-medium);
+$tooltip-border-width: 1px;
+$tooltip-arrow-size: 8px;
 /// padding||Spacing|3
 $tooltip-padding: 10px;
 
diff --git a/packages/design-system/src/css/popper.scss b/packages/design-system/src/css/popper.scss
index bbc1d6d144..c08dc8e383 100644
--- a/packages/design-system/src/css/popper.scss
+++ b/packages/design-system/src/css/popper.scss
@@ -114,6 +114,7 @@
 
 	@include mixins.when(dark) {
 		background: var.$tooltip-fill;
+		border: var.$tooltip-border-width solid var.$tooltip-border-color;
 		color: var.$tooltip-color;
 
 		&[data-popper-placement^='top'] .el-popper__arrow {
diff --git a/packages/editor-ui/src/components/Sticky.vue b/packages/editor-ui/src/components/Sticky.vue
index ea4e2d7aa2..4a6a2b47dc 100644
--- a/packages/editor-ui/src/components/Sticky.vue
+++ b/packages/editor-ui/src/components/Sticky.vue
@@ -358,7 +358,6 @@ const onContextMenu = (e: MouseEvent): void => {
 					<font-awesome-icon icon="trash" />
 				</div>
 				<n8n-popover
-					effect="dark"
 					trigger="click"
 					placement="top"
 					:popper-style="{ width: '208px' }"
diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/toolbar/CanvasNodeStickyColorSelector.vue b/packages/editor-ui/src/components/canvas/elements/nodes/toolbar/CanvasNodeStickyColorSelector.vue
index 3b05bb5302..ca46443871 100644
--- a/packages/editor-ui/src/components/canvas/elements/nodes/toolbar/CanvasNodeStickyColorSelector.vue
+++ b/packages/editor-ui/src/components/canvas/elements/nodes/toolbar/CanvasNodeStickyColorSelector.vue
@@ -59,7 +59,6 @@ onBeforeUnmount(() => {
 
 <template>
 	<N8nPopover
-		effect="dark"
 		trigger="click"
 		placement="top"
 		:popper-class="$style.popover"