diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/color-settings.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/color-settings.component.ts
index 05c069cbf3..1e41cea52d 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/color-settings.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/common/color-settings.component.ts
@@ -164,7 +164,7 @@ export class ColorSettingsComponent implements OnInit, ControlValueAccessor, OnD
         renderer: this.renderer,
         componentType: ColorSettingsPanelComponent,
         hostView: this.viewContainerRef,
-        preferredPlacement: 'left',
+        preferredPlacement: ['leftTopOnly', 'leftOnly', 'leftBottomOnly'],
         context: {
           colorSettings: this.modelValue,
           settingsComponents: this.colorSettingsComponentService.getOtherColorSettingsComponents(this),