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 {