From 84c64a21f2bc76da6186a345e76d914eb9a82322 Mon Sep 17 00:00:00 2001
From: Luqmaan Essop <luqmaan.essop@amazeelabs.com>
Date: Fri, 26 Jan 2024 12:43:50 +0000
Subject: [PATCH] style: flowbite loading component

---
 packages/ui/src/components/Molecules/Loading.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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>
   );
 }