diff --git a/src/lib/listing/table-content/table-content.component.html b/src/lib/listing/table-content/table-content.component.html
index d2c8ecc..ea8775c 100644
--- a/src/lib/listing/table-content/table-content.component.html
+++ b/src/lib/listing/table-content/table-content.component.html
@@ -14,7 +14,7 @@
                 (mouseenter)="itemMouseEnterFn && itemMouseEnterFn(entity)"
                 (mouseleave)="itemMouseLeaveFn && itemMouseLeaveFn(entity)"
                 *ngIf="itemMouseEnterFn || itemMouseLeaveFn; else withoutMouseEvents"
-                [class.help-mode]="helpModeService?.isHelpModeActive$ | async"
+                [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
                 [id]="'item-' + entity.id"
                 [ngClass]="getTableItemClasses(entity)"
                 [routerLink]="entity.routerLink | tenant"
@@ -28,7 +28,7 @@
 
             <ng-template #withoutMouseEvents>
                 <div
-                    [class.help-mode]="helpModeService?.isHelpModeActive$ | async"
+                    [class.help-mode-active]="helpModeService?.isHelpModeActive$ | async"
                     [id]="'item-' + entity.id"
                     [ngClass]="getTableItemClasses(entity)"
                     [routerLink]="entity.routerLink | tenant"
diff --git a/src/lib/listing/table-content/table-content.component.scss b/src/lib/listing/table-content/table-content.component.scss
index 65abaa2..c75e0e5 100644
--- a/src/lib/listing/table-content/table-content.component.scss
+++ b/src/lib/listing/table-content/table-content.component.scss
@@ -37,7 +37,7 @@
             }
 
             &:hover,
-            &.help-mode {
+            &.help-mode-active {
                 .selection-column iqser-round-checkbox .wrapper {
                     opacity: 1;
                 }