diff --git a/frontend/src/container/QueryBuilder/components/QueryFunctions/QueryFunctions.styles.scss b/frontend/src/container/QueryBuilder/components/QueryFunctions/QueryFunctions.styles.scss
index 8eb6bf2ffd..693b6c64b0 100644
--- a/frontend/src/container/QueryBuilder/components/QueryFunctions/QueryFunctions.styles.scss
+++ b/frontend/src/container/QueryBuilder/components/QueryFunctions/QueryFunctions.styles.scss
@@ -65,8 +65,8 @@
 			left: -8px;
 			top: 16px;
 			z-index: 0;
-			color: var(--bg-sakura-500);
-			background-color: var(--bg-sakura-500);
+			color: var(--bg-ink-200);
+			background-color: var(--bg-ink-200);
 		}
 
 		&::after {
@@ -77,8 +77,8 @@
 			right: -8px;
 			top: 16px;
 			z-index: 0;
-			color: var(--bg-sakura-500);
-			background-color: var(--bg-sakura-500);
+			color: var(--bg-ink-200);
+			background-color: var(--bg-ink-200);
 		}
 
 		.query-function-name-selector {
@@ -146,6 +146,12 @@
 					border-color: transparent !important;
 				}
 			}
+
+			&::before,
+			&::after {
+				color: var(--bg-vanilla-300);
+				background-color: var(--bg-vanilla-300);
+			}
 		}
 	}
 }