diff --git a/src/menu-left.pug b/src/menu-left.pug
index 5ddfc4f..e8a28f6 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -120,8 +120,7 @@ solid-router#navbar-router(default-route='dashboard')
         div.menu-icon.icon-envelope-letter
       solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
       div.sub-menu.menu-notification
-        #loader.loader I am coming...!
-        div.lds-ellipsis
+        div#loader.loader
           div
           div
           div
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 9af4c97..c29f078 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -282,19 +282,19 @@ h5 {
 
 
 .loader {
-  display: inline-block;
+  margin: 0 auto;
   position: relative;
   width: 80px;
-  height: 80px;
+  height: 20px;
 }
 
 .loader div {
   position: absolute;
   top: 33px;
-  width: 13px;
-  height: 13px;
+  width: 8px;
+  height: 8px;
   border-radius: 50%;
-  background: #fff;
+  background: var(--color-white);
   animation-timing-function: cubic-bezier(0, 1, 1, 0);
 }