diff --git a/projects/common/components/compound-elements/cloze/cloze.component.ts b/projects/common/components/compound-elements/cloze/cloze.component.ts
index 146f5fef6536a11e23c47e0cb04b226b3d229482..d8ebcd693e75db5e07dae7ffe24ac62d8a63487d 100644
--- a/projects/common/components/compound-elements/cloze/cloze.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze.component.ts
@@ -155,14 +155,14 @@ import { ClozeElement } from 'common/models/elements/compound-elements/cloze/clo
                [style.height]="'1em'"
                [style.vertical-align]="'middle'">
         </ng-container>
-        <span *ngIf="['ToggleButton', 'DropList', 'TextField', 'Button'] | arrayIncludes:subPart.type">
-          <aspect-compound-child-overlay [style.display]="'inline-block'"
-                                         [parentForm]="parentForm"
-                                         [element]="$any(subPart).attrs.model"
-                                         [editorMode]="editorMode"
-                                         (elementSelected)="childElementSelected.emit($event)">
-          </aspect-compound-child-overlay>
-        </span>
+        <aspect-compound-child-overlay
+          *ngIf="['ToggleButton', 'DropList', 'TextField', 'Button'] | arrayIncludes:subPart.type"
+          [style.display]="'inline-block'"
+         [parentForm]="parentForm"
+         [element]="$any(subPart).attrs.model"
+         [editorMode]="editorMode"
+         (elementSelected)="childElementSelected.emit($event)">
+        </aspect-compound-child-overlay>
       </ng-container>
     </ng-template>
   `,
diff --git a/projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts b/projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts
index 4dd7a4f3a8f293864f803bf87a2a769dc2dea6dd..0d08a1d33649f4ba1d2c7656927c2b76b49f4dfc 100644
--- a/projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts
+++ b/projects/common/components/compound-elements/cloze/compound-child-overlay.component.ts
@@ -44,11 +44,8 @@ import { ValueChangeElement } from 'common/models/elements/element';
     </div>
   `,
   styles: [
-    ':host {vertical-align: middle;}',
-    ':host > div {border-radius: 3px;}',
-    ':host div > * {display: inline-block; padding-bottom: 2px; box-sizing: border-box;}',
-    'aspect-drop-list, aspect-text-field-simple {width: 100%; height: 100%;}',
-    'aspect-drop-list {line-height: unset; vertical-align: top;}'
+    ':host div > * {display: inline-block;}',
+    'aspect-drop-list {vertical-align: middle;}'
   ]
 })
 export class CompoundChildOverlayComponent { // TODO rename to ClozeChildOverlay