diff --git a/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts b/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts
index 9b0d17e518c15b92f6d3c430363632d6291e9789..99d4d48a4f0cea1cc6bb85d4a426c09cf415e637 100644
--- a/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze-child-elements/toggle-button.component.ts
@@ -17,8 +17,12 @@ import { ToggleButtonElement } from 'common/models/elements/compound-elements/cl
                              (focusout)="elementFormControl.markAsTouched()">
       <mat-button-toggle *ngFor="let option of elementModel.options; let i = index"
                          [value]="i"
-                         [ngClass]="{ 'strike-other-options' : elementModel.strikeOtherOptions,
-                                      'strike-selected-option' : elementModel.strikeSelectedOption }"
+                         [ngClass]="{ 'strike-other-options' : (this.elementFormControl.value !== null ||
+                                                                  elementModel.value !== null) &&
+                                                               elementModel.strikeOtherOptions,
+                                      'strike-selected-option' : (this.elementFormControl.value !== null ||
+                                                                    elementModel.value !== null) &&
+                                                                 elementModel.strikeSelectedOption }"
                          [style.color]="elementModel.styling.fontColor"
                          [style.font-size.px]="elementModel.styling.fontSize"
                          [style.font-weight]="elementModel.styling.bold ? 'bold' : ''"