diff --git a/projects/common/ui-elements/text-field/text-field.component.ts b/projects/common/ui-elements/text-field/text-field.component.ts
index 34a22e16f0d996512774df4a7ea1d6869bb8e2c0..539f637c9e2b2f649d7759c6901d1b3cfe336ac0 100644
--- a/projects/common/ui-elements/text-field/text-field.component.ts
+++ b/projects/common/ui-elements/text-field/text-field.component.ts
@@ -40,8 +40,10 @@ import { TextFieldElement } from './text-field-element';
       </mat-error>
     </mat-form-field>
     <mat-form-field *ngIf="elementModel.label === ''" class="small-input"
-                    [style.width.%]="100"
-                    [style.height.%]="100"
+                    [class.center-content]="elementModel.positionProps.dynamicPositioning &&
+                                    elementModel.positionProps.fixedSize"
+                    [style.width]="elementModel.positionProps.fixedSize ? elementModel.width + 'px' : '100%'"
+                    [style.height]="elementModel.positionProps.fixedSize ? elementModel.height + 'px' : '100%'"
                     [style.color]="elementModel.fontProps.fontColor"
                     [style.font-family]="elementModel.fontProps.font"
                     [style.font-size.px]="elementModel.fontProps.fontSize"