diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 450d12c0..34e5fef4 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3256,11 +3256,6 @@ select {
   background-color: rgba(var(--color-neutral-300), var(--tw-bg-opacity));
 }
 
-.bg-neutral-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--color-neutral-400), var(--tw-bg-opacity));
-}
-
 .bg-neutral-500\/50 {
   background-color: rgba(var(--color-neutral-500), 0.5);
 }
diff --git a/assets/js/process.js b/assets/js/process.js
index 9f87fc90..8e36dbc6 100644
--- a/assets/js/process.js
+++ b/assets/js/process.js
@@ -7,7 +7,7 @@ if (typeof auth !== 'undefined') {
     }
 
     function toggleLoaders(node){
-        var classesString = "animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-400 dark:bg-neutral-400"
+        var classesString = node.className;
         var classes = classesString.split(" ");
         for(var i in classes){  
             node.classList.toggle(classes[i])
diff --git a/layouts/partials/meta/likes.html b/layouts/partials/meta/likes.html
index d0c51818..07e6293b 100644
--- a/layouts/partials/meta/likes.html
+++ b/layouts/partials/meta/likes.html
@@ -6,7 +6,7 @@
     {{ else }}
     <span id="likes_{{ .File.Path }}" 
     {{ end }}
-        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-400 dark:bg-neutral-400" title="likes">loading</span> 
+        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-300 dark:bg-neutral-400" title="likes">loading</span> 
     <span class="inline-block align-text-bottom">{{ partial "icon.html" "heart" }}</span>
 </span>
 {{- /* Trim EOF */ -}}
\ No newline at end of file
diff --git a/layouts/partials/meta/views.html b/layouts/partials/meta/views.html
index a7a6945d..e60ba386 100644
--- a/layouts/partials/meta/views.html
+++ b/layouts/partials/meta/views.html
@@ -6,7 +6,7 @@
     {{ else }}
     <span id="views_{{ .File.Path }}" 
     {{ end }}
-        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-400 dark:bg-neutral-400" title="views">loading</span> 
+        class="animate-pulse inline-block text-transparent max-h-3 rounded-full mt-[-2px] align-middle bg-neutral-300 dark:bg-neutral-400" title="views">loading</span> 
     <span class="inline-block align-text-bottom">{{ partial "icon.html" "eye" }}</span>
 </span>
 {{- /* Trim EOF */ -}}
diff --git a/package.json b/package.json
index 859c539a..0f9d5395 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.46.0",
+  "version": "2.47.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",