diff --git a/renderer/assets/256x256.png b/renderer/assets/256x256.png
deleted file mode 100644
index b929137e..00000000
Binary files a/renderer/assets/256x256.png and /dev/null differ
diff --git a/renderer/pages/accounts/[id]/index.tsx b/renderer/pages/accounts/[id]/index.tsx
index 2770f7ea..c3777713 100644
--- a/renderer/pages/accounts/[id]/index.tsx
+++ b/renderer/pages/accounts/[id]/index.tsx
@@ -1,6 +1,5 @@
 import { useRouter } from 'next/router'
-import Image from 'next/image'
-import Icon from '@/assets/256x256.png'
+import { Spinner } from 'flowbite-react'
 
 export default function Account() {
   const router = useRouter()
@@ -15,7 +14,7 @@ export default function Account() {
 
   return (
     <div className="h-screen w-full flex justify-center items-center">
-      <Image src={Icon} alt="icon" width={128} height={128} />
+      <Spinner color="info" />
     </div>
   )
 }
diff --git a/renderer/pages/index.tsx b/renderer/pages/index.tsx
index de887178..5478c98c 100644
--- a/renderer/pages/index.tsx
+++ b/renderer/pages/index.tsx
@@ -1,8 +1,7 @@
-import Image from 'next/image'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
-import Icon from '@/assets/256x256.png'
 import { db } from '@/db'
+import { Spinner } from 'flowbite-react'
 
 export default function Index() {
   const router = useRouter()
@@ -28,7 +27,7 @@ export default function Index() {
 
   return (
     <div className="h-screen w-full flex justify-center items-center">
-      <Image src={Icon} alt="icon" width={128} height={128} />
+      <Spinner color="info" />
     </div>
   )
 }