diff --git a/src/app/@theme/components/header/header.component.scss b/src/app/@theme/components/header/header.component.scss
index 20d9e872..dcca1bb8 100644
--- a/src/app/@theme/components/header/header.component.scss
+++ b/src/app/@theme/components/header/header.component.scss
@@ -24,7 +24,7 @@
   }
 
   ::ng-deep nb-search button {
-    padding: 0!important;
+    padding: 0 !important;
   }
 
   .header-container {
diff --git a/src/app/@theme/styles/pace.theme.scss b/src/app/@theme/styles/pace.theme.scss
index b93969e9..c14f3313 100644
--- a/src/app/@theme/styles/pace.theme.scss
+++ b/src/app/@theme/styles/pace.theme.scss
@@ -4,7 +4,7 @@
  * Licensed under the MIT License. See License.txt in the project root for license information.
  */
 
- @mixin ngx-pace-theme() {
+@mixin ngx-pace-theme() {
 
   .pace .pace-progress {
     background: nb-theme(color-primary-default);
diff --git a/src/app/@theme/styles/styles.scss b/src/app/@theme/styles/styles.scss
index b35d980d..34446ff3 100644
--- a/src/app/@theme/styles/styles.scss
+++ b/src/app/@theme/styles/styles.scss
@@ -30,4 +30,4 @@
   @include ngx-pace-theme();
 
   @include nb-overrides();
-};
+}
diff --git a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
index 567b323a..6e657053 100644
--- a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
+++ b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
@@ -73,7 +73,7 @@
     position: relative;
 
     &::before {
-      background-color: rgba(255, 255, 255, 0.1);
+      background-color: rgb(255 255 255 / 0.1);
       content: '';
       position: absolute;
       width: 100%;
diff --git a/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss b/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss
index f825da3d..eb23ca20 100644
--- a/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss
+++ b/src/app/pages/e-commerce/earning-card/front-side/earning-card-front.component.scss
@@ -25,15 +25,6 @@
     margin: 0 nb-theme(card-padding);
   }
 
-  .delta {
-    &.up .direction {
-      color: nb-theme(color-success-default);
-    }
-    &.down .direction {
-      color: nb-theme(color-danger-default);
-    }
-  }
-
   .delta {
     position: absolute;
     display: inline-block;
@@ -41,6 +32,13 @@
     right: 0;
     @include nb-rtl(left, 0);
     @include nb-rtl(right, auto);
+
+    &.up .direction {
+      color: nb-theme(color-success-default);
+    }
+    &.down .direction {
+      color: nb-theme(color-danger-default);
+    }
   }
 
   ngx-earning-live-update-chart {
diff --git a/src/app/pages/extra-components/chat/chat.component.scss b/src/app/pages/extra-components/chat/chat.component.scss
index eaf111da..58487797 100644
--- a/src/app/pages/extra-components/chat/chat.component.scss
+++ b/src/app/pages/extra-components/chat/chat.component.scss
@@ -12,7 +12,6 @@
   nb-chat {
     margin: 3rem auto 0;
     width: 500px;
-
   }
 
   .chat-container {
diff --git a/src/app/pages/ui-features/grid/grid.component.scss b/src/app/pages/ui-features/grid/grid.component.scss
index 668b68a0..e2ebe5d2 100644
--- a/src/app/pages/ui-features/grid/grid.component.scss
+++ b/src/app/pages/ui-features/grid/grid.component.scss
@@ -6,7 +6,7 @@
       margin: -0.5rem;
     }
 
-    div[class^=col-] {
+    div[class^='col-'] {
       padding: 0.5rem;
       box-sizing: border-box;