diff --git a/packages/ui/src/components/Molecules/Loading.tsx b/packages/ui/src/components/Molecules/Loading.tsx
index 71eae4d85..8c0abcc45 100644
--- a/packages/ui/src/components/Molecules/Loading.tsx
+++ b/packages/ui/src/components/Molecules/Loading.tsx
@@ -2,8 +2,10 @@ import React from 'react';
 
 export function Loading() {
   return (
-    <div className="animate-pulse text-xl font-bold italic text-indigo-600 text-center my-8">
-      Loading&hellip;
+    <div className="flex items-center justify-center">
+      <div className="px-3 py-1 text-xs font-medium leading-none text-center text-blue-800 bg-blue-200 rounded-full animate-pulse dark:bg-blue-900 dark:text-blue-200">
+        loading...
+      </div>
     </div>
   );
 }