diff --git a/src/styles/components/widgets/_colorpicker.scss b/src/styles/components/widgets/_colorpicker.scss
index 8b6d808b7..c08697db6 100644
--- a/src/styles/components/widgets/_colorpicker.scss
+++ b/src/styles/components/widgets/_colorpicker.scss
@@ -98,8 +98,9 @@ $colorpicker-width: 185px;
 
 .fold .fold {
   .colorpicker__container {
-    width: calc(
-      #{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit)
-    );
+    width: calc(#{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit));
+  }
+  .colorpicker__outer {
+    width: calc(#{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit));
   }
 }