diff --git a/ui-ngx/src/app/shared/components/color-input.component.ts b/ui-ngx/src/app/shared/components/color-input.component.ts
index d0dc7235f7..77d02b47d3 100644
--- a/ui-ngx/src/app/shared/components/color-input.component.ts
+++ b/ui-ngx/src/app/shared/components/color-input.component.ts
@@ -201,7 +201,7 @@ export class ColorInputComponent extends PageComponent implements OnInit, Contro
           renderer: this.renderer,
           hostView: this.viewContainerRef,
           componentType: ColorPickerPanelComponent,
-          preferredPlacement: ['left'],
+          preferredPlacement: ['leftTopOnly', 'leftOnly', 'leftBottomOnly'],
           context: {
             color: this.colorFormGroup.get('color').value,
             colorClearButton: this.colorClearButton,