diff --git a/src/app/_modules/layout/grid/grid.component.html b/src/app/_modules/layout/grid/grid.component.html
index a4fdef8..184e8a7 100644
--- a/src/app/_modules/layout/grid/grid.component.html
+++ b/src/app/_modules/layout/grid/grid.component.html
@@ -1,10 +1,15 @@
 <setting-site></setting-site>
+<router-outlet name="auth"></router-outlet>
+<router-outlet name="slider"></router-outlet>
+
+
+
 <div class="wrapper {{classActive}}">
   <header></header>
   <div class="content">
       <router-outlet></router-outlet>
   </div>
   <footer></footer>
-  <router-outlet name="slider"></router-outlet>
+  
 </div>
-<router-outlet name="auth"></router-outlet>
+
diff --git a/src/assets/css/slider.scss b/src/assets/css/slider.scss
index fc42591..267b8c9 100644
--- a/src/assets/css/slider.scss
+++ b/src/assets/css/slider.scss
@@ -77,7 +77,7 @@
           }
           .name {
             font-size: 14px;
-            color: #6c6c6c;
+            color: var(--second);
           }
           &.active {
             .num {
@@ -126,7 +126,7 @@
 
     .left {
       .reset {
-        color: #6C6C6C;
+        color: var(--second);
         cursor: pointer;
       }