diff --git a/projects/common/ui-elements/spell-correct/spell-correct-element.ts b/projects/common/ui-elements/spell-correct/spell-correct-element.ts
index cacc80016279ae3c76ebd54336eed2ef2d86c96e..4f0b69998c57fe19c787a110efc977477f593691 100644
--- a/projects/common/ui-elements/spell-correct/spell-correct-element.ts
+++ b/projects/common/ui-elements/spell-correct/spell-correct-element.ts
@@ -23,6 +23,6 @@ export class SpellCorrectElement extends InputElement implements FontElement, Su
     this.surfaceProps.backgroundColor =
       serializedElement.surfaceProps?.backgroundColor as string || 'transparent';
     this.height = serializedElement.height || 80;
-    this.width = serializedElement.width || 200;
+    this.width = serializedElement.width || 230;
   }
 }
diff --git a/projects/common/ui-elements/spell-correct/spell-correct.component.ts b/projects/common/ui-elements/spell-correct/spell-correct.component.ts
index ecda7fb84e6e8e6d1061a8f65827c84625277d77..16c87fc6c507a2a25f77c322a7dad3fb2edb6cc0 100644
--- a/projects/common/ui-elements/spell-correct/spell-correct.component.ts
+++ b/projects/common/ui-elements/spell-correct/spell-correct.component.ts
@@ -10,7 +10,7 @@ import { SpellCorrectElement } from './spell-correct-element';
     <div fxFlex
          fxLayout="column"
          [style.width.%]="100"
-         appInputBackgroundColor [backgroundColor]="elementModel.backgroundColor"
+         appInputBackgroundColor [backgroundColor]="elementModel.surfaceProps.backgroundColor"
          [style.height.%]="100">
       <mat-form-field class="small-input">
         <input matInput type="text"
@@ -19,11 +19,11 @@ import { SpellCorrectElement } from './spell-correct-element';
                [formControl]="elementFormControl">
       </mat-form-field>
       <button mat-button
-              [style.color]="elementModel.fontColor"
-              [style.font-family]="elementModel.font"
-              [style.font-size.px]="elementModel.fontSize"
-              [style.font-weight]="elementModel.bold ? 'bold' : ''"
-              [style.font-style]="elementModel.italic ? 'italic' : ''"
+              [style.color]="elementModel.fontProps.fontColor"
+              [style.font-family]="elementModel.fontProps.font"
+              [style.font-size.px]="elementModel.fontProps.fontSize"
+              [style.font-weight]="elementModel.fontProps.bold ? 'bold' : ''"
+              [style.font-style]="elementModel.fontProps.italic ? 'italic' : ''"
               [style.width.%]="100"
               [style.margin-top]="'-20px'"
               [style.text-decoration-line]="strikethrough() ? 'line-through' : ''"