diff --git a/projects/common/element-components/spell-correct.component.ts b/projects/common/element-components/spell-correct.component.ts
index 8f5e2fe98e533567f0432efd441257da3a91f8b0..a8fcfb1c0d3b3c2544efdcd19c004d0691d920cd 100644
--- a/projects/common/element-components/spell-correct.component.ts
+++ b/projects/common/element-components/spell-correct.component.ts
@@ -1,5 +1,6 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { MatInput } from '@angular/material/input';
+import { MatButton } from '@angular/material/button';
 import { FormElementComponent } from '../form-element-component.directive';
 import { SpellCorrectElement } from '../models/spell-correct-element';
 
@@ -35,9 +36,20 @@ import { SpellCorrectElement } from '../models/spell-correct-element';
     '::ng-deep app-spell-correct .small-input div.mat-form-field-infix {border-top: none; padding: 0.75em 0 0.25em 0;}'
   ]
 })
-export class SpellCorrectComponent extends FormElementComponent {
+export class SpellCorrectComponent extends FormElementComponent implements OnInit {
   elementModel!: SpellCorrectElement;
   @ViewChild(MatInput) inputElement!: MatInput;
+  @ViewChild(MatButton) buttonElement!: MatButton;
+
+  ngOnInit(): void {
+    super.ngOnInit();
+    if (this.inputElement && this.elementModel.readOnly) {
+      this.inputElement.readonly = true;
+    }
+    if (this.buttonElement && this.elementModel.readOnly) {
+      this.buttonElement.disabled = true;
+    }
+  }
 
   strikethrough(): boolean {
     if (this.inputElement) {
diff --git a/projects/common/models/spell-correct-element.ts b/projects/common/models/spell-correct-element.ts
index 8f7eaf4dac1778f5d073c93f8de1ca3d78a05722..3324747e36874bb745893b6e8d878f3a63486644 100644
--- a/projects/common/models/spell-correct-element.ts
+++ b/projects/common/models/spell-correct-element.ts
@@ -1,6 +1,6 @@
-import {FontElement, SurfaceUIElement} from '../interfaces/UIElementInterfaces';
-import { InputElement, UIElement} from './uI-element';
-import {initFontElement, initSurfaceElement} from '../util/unit-interface-initializer';
+import { FontElement, SurfaceUIElement } from '../interfaces/UIElementInterfaces';
+import { InputElement, UIElement } from './uI-element';
+import { initFontElement, initSurfaceElement } from '../util/unit-interface-initializer';
 
 export class SpellCorrectElement extends InputElement implements FontElement, SurfaceUIElement {
   bold: boolean = false;