diff --git a/app/routes/_news._index.tsx b/app/routes/_news._index.tsx
index fafb7bb..0c69667 100644
--- a/app/routes/_news._index.tsx
+++ b/app/routes/_news._index.tsx
@@ -78,7 +78,7 @@ export const HydrateFallback = () => {
         </p>
       </div>
       <div className="flex items-center justify-center p-10">
-        <ArrowPathIcon className="size-10 animate-spin" />
+        <ArrowPathIcon className="size-10 animate-spin text-[#777777]" />
       </div>
     </Card>
   )