diff --git a/bun.lockb b/bun.lockb
index bf8a4b1..2f3a9bf 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 5a9351a..920f85d 100644
--- a/package.json
+++ b/package.json
@@ -12,20 +12,20 @@
     "format": "biome format --write ."
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.22",
-    "@unocss/preset-uno": "^0.62.1",
-    "svelte": "^4.2.18",
-    "svelte-check": "^3.8.5",
-    "svelte-preprocess": "^6.0.2",
-    "typescript": "^5.5.4",
-    "unocss": "^0.62.1",
-    "vite": "^5.4.1"
+    "@biomejs/biome": "^1.9.4",
+    "@sveltejs/adapter-auto": "^4.0.0",
+    "@sveltejs/kit": "^2.16.1",
+    "@unocss/preset-uno": "^65.4.3",
+    "svelte": "^5.19.2",
+    "svelte-check": "^4.1.4",
+    "svelte-preprocess": "^6.0.3",
+    "typescript": "^5.7.3",
+    "unocss": "^65.4.3",
+    "vite": "^6.0.11"
   },
   "type": "module",
   "dependencies": {
     "@selemondev/svelte-marquee": "^0.0.2",
-    "@sveltejs/adapter-netlify": "^4.3.3"
+    "@sveltejs/adapter-netlify": "^4.4.1"
   }
 }
diff --git a/src/routes/finances/+page.svelte b/src/routes/finances/+page.svelte
index 309a659..3b9d939 100644
--- a/src/routes/finances/+page.svelte
+++ b/src/routes/finances/+page.svelte
@@ -30,10 +30,10 @@ function formatDate(date: Date) {
               </thead>
               {#await data.transactions}
               <tbody>
-                <tr class="w-full bg-black">
-                  <td class="border-1 -spacing-1 text-4 md:text-md font-semibold border-solid border-black border-neutral-800 p-4">Please wait!</td>
-                  <td class="border-1 -spacing-1 text-4 md:text-md font-semibold border-solid border-black border-neutral-800 p-4">Loading data...</td>
-                  <td class="border-1 -spacing-1 text-4 md:text-md font-semibold border-solid border-black border-neutral-800 p-4">$0.00</td>
+                <tr class="w-full bg-neutral-900 animate-pulse">
+                  <td class="border-1 -spacing-1 text-4 md:text-md font-semibold border-solid border-black border-neutral-800 p-4 ">...</td>
+                  <td class="border-1 -spacing-1 text-4 md:text-md font-semibold border-solid border-black border-neutral-800 p-4 ">Loading data...</td>
+                  <td class="border-1 -spacing-1 text-4 md:text-md font-semibold border-solid border-black border-neutral-800 p-4 ">$0.00</td>
                 </tr>
             </tbody>
               {:then transactions}
@@ -51,4 +51,4 @@ function formatDate(date: Date) {
           </div>
           <p class="text-neutral-400 hover:text-white transition duration-500 ease-out">Data from <a href="https://bank.hackclub.com/teamillusion" class="text-inherit">Hack Club Bank</a></p>
     </header>
-</div>
\ No newline at end of file
+</div>