diff --git a/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss b/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
index 8f84bbff..b46d36d0 100644
--- a/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
+++ b/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.scss
@@ -21,7 +21,7 @@
       border-bottom-left-radius: nb-theme(radius);
       right: 0;
 
-      &.sidebarEnd {
+      &.sidebar-end {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         right: auto;
@@ -36,7 +36,7 @@
       border-bottom-right-radius: nb-theme(radius);
       left: 0;
 
-      &.sidebarEnd {
+      &.sidebar-end {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
         left: auto;
@@ -50,7 +50,7 @@
       @include nb-ltr(transform, translate(-19rem, -50%));
       @include nb-rtl(transform, translate(19rem, -50%));
 
-      &.sidebarEnd {
+      &.sidebar-end {
         @include nb-rtl(transform, translate(-19rem, -50%));
         @include nb-ltr(transform, translate(19rem, -50%));
       }
@@ -89,7 +89,7 @@
       }
     }
 
-    &:not(.wasExpanded) i {
+    &:not(.was-expanded) i {
       animation-name: gear-pulse;
       animation-duration: 1s;
       animation-iteration-count: infinite;
diff --git a/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.ts b/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.ts
index 8829c347..8f4de252 100644
--- a/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.ts
+++ b/src/app/@theme/components/toggle-settings-button/toggle-settings-button.component.ts
@@ -9,8 +9,8 @@ import { StateService } from '../../../@core/utils';
     <button class="toggle-settings"
             (click)="toggleSettings()"
             [class.expanded]="expanded"
-            [class.sidebarEnd]="sidebarEnd"
-            [class.wasExpanded]="wasExpanded"
+            [class.sidebar-end]="sidebarEnd"
+            [class.was-expanded]="wasExpanded"
     >
       <i class="nb-gear"></i>
     </button>