diff --git a/projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts b/projects/common/components/compound-elements/cloze/cloze-child-overlay.component.ts
similarity index 65%
rename from projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts
rename to projects/common/components/compound-elements/cloze/cloze-child-overlay.component.ts
index 886750159b6a1df53e9f3728062f869df9b9e560..264277c743d24c9e54808cd0ce3df7409e706012 100644
--- a/projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze-child-overlay.component.ts
@@ -15,35 +15,44 @@ import { ValueChangeElement } from 'common/models/elements/element';
   selector: 'aspect-compound-child-overlay',
   template: `
     <div [style.border]="isSelected ? 'purple solid 1px' : ''"
+         [style.width]="element.dimensions.isWidthFixed ? element.dimensions.width+'px' : null"
+         [style.height]="element.dimensions.isHeightFixed ? element.dimensions.height + 'px' : null"
+         [style.min-width]="!element.dimensions.isWidthFixed && element.dimensions.minWidth ?
+                                                  element.dimensions.minWidth + 'px' : null"
+         [style.max-width]="!element.dimensions.isWidthFixed && element.dimensions.maxWidth ?
+                                                  element.dimensions.maxWidth + 'px' : null"
+         [style.min-height]="!element.dimensions.isHeightFixed && element.dimensions.minHeight ?
+                                                   element.dimensions.minHeight + 'px' : null"
+         [style.max-height]="!element.dimensions.isHeightFixed && element.dimensions.maxHeight ?
+                                                   element.dimensions.maxHeight + 'px' : null"
 
          (click)="elementSelected.emit(this); $event.stopPropagation();">
       <aspect-text-field-simple *ngIf="element.type === 'text-field-simple'" #childComponent
                                 [style.pointer-events]="editorMode ? 'none' : 'auto'"
                                 [parentForm]="parentForm"
                                 [elementModel]="$any(element)"
-                                [style.width.px]="element.width"
-                                [style.height.px]="element.height">
+                                [style.width]="element.dimensions.isWidthFixed ? element.dimensions.width+'px' : 'unset'"
+                                [style.height.px]="element.dimensions.height">
       </aspect-text-field-simple>
       <aspect-drop-list *ngIf="element.type === 'drop-list'" #childComponent
                                [clozeContext]="true"
                                [style.pointer-events]="editorMode ? 'none' : 'auto'"
                                [parentForm]="parentForm"
                                [elementModel]="$any(element)"
-                               [style.width.px]="element.width"
-                               [style.height.px]="element.height">
+                               >
       </aspect-drop-list>
       <aspect-toggle-button *ngIf="element.type === 'toggle-button'" #childComponent
                             [style.pointer-events]="editorMode ? 'none' : 'auto'"
                             [parentForm]="parentForm"
                             [elementModel]="$any(element)"
-                            [style.width]="element.dynamicWidth ? 'unset' : element.width+'px'"
-                            [style.height.px]="element.height">
+                            [style.width]="element.dimensions.isWidthFixed ? element.dimensions.width+'px' : 'unset'"
+                            [style.height.px]="element.dimensions.height">
       </aspect-toggle-button>
       <aspect-button *ngIf="element.type === 'button'" #childComponent
                      [style.pointer-events]="editorMode ? 'none' : 'auto'"
                      [elementModel]="$any(element)"
-                     [style.width.px]="element.width"
-                     [style.height.px]="element.height">
+                     [style.width.px]="element.dimensions.width"
+                     [style.height.px]="element.dimensions.height">
       </aspect-button>
     </div>
   `,