From 69ef7e86cd23d2a93062f9d8dc8b1ee4ab075e71 Mon Sep 17 00:00:00 2001
From: Eva Marco <eva.marco@kaleidos.net>
Date: Tue, 11 Aug 2026 13:06:30 +0200
Subject: [PATCH] :bug: Fix colorpicker z-index (#11207)

---
 .../src/app/main/ui/workspace/colorpicker.scss   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/colorpicker.scss b/frontend/src/app/main/ui/workspace/colorpicker.scss
index b9fe67d6f5..d69a25f651 100644
--- a/frontend/src/app/main/ui/workspace/colorpicker.scss
+++ b/frontend/src/app/main/ui/workspace/colorpicker.scss
@@ -12,16 +12,20 @@
 @use "refactor/basic-rules.scss" as *;
 
 .colorpicker-tooltip {
-  @extend %modal-background;
-
   --colorpicker-width: #{$sz-284};
 
-  left: calc(10 * px2rem(140));
-  padding: var(--sp-m);
-  width: var(--colorpicker-width);
-  overflow: auto;
+  position: absolute;
   display: flex;
   flex-direction: column;
+  inset-inline-start: calc(10 * px2rem(140));
+  inline-size: var(--colorpicker-width);
+  padding: var(--sp-m);
+  border-radius: $br-8;
+  box-shadow: 0 0 12px 0 var(--color-shadow-dark);
+  color: var(--color-foreground-primary);
+  background-color: var(--color-background-primary);
+  z-index: var(--z-index-set);
+  overflow: auto;
 }
 
 .colorpicker {