diff --git a/templates/dashboard.html b/templates/dashboard.html
index a886fa8..7433c55 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -18,18 +18,24 @@
     new WOW().init();
   </script>
   <style>
-      @keyframes spin {
-          0% { transform: rotate(0deg); }
-          100% { transform: rotate(360deg); }
+    /* Add this CSS for the new spinner */
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
       }
-      .spinner {
-          border: 4px solid rgba(255, 255, 255, 0.3);
-          border-radius: 50%;
-          border-top: 4px solid #ffffff;
-          width: 40px;
-          height: 40px;
-          animation: spin 1s linear infinite;
+      100% {
+        transform: rotate(360deg);
       }
+    }
+
+    .spinner {
+      border: 4px solid rgba(0, 0, 0, 0.1);
+      border-top: 4px solid #09f;
+      border-radius: 50%;
+      width: 36px;
+      height: 36px;
+      animation: spin 1s linear infinite;
+    }
   </style>
 </head>