From 6f88baf306fea6b0d288c6d766bd8a0cf4e08cfa Mon Sep 17 00:00:00 2001
From: Magomed Khamidov <53529533+KosmosKey@users.noreply.github.com>
Date: Mon, 13 Nov 2023 14:47:52 +0000
Subject: [PATCH] fix: styling and add changeset
---
.changeset/tasty-humans-cheer.md | 5 +++++
packages/rainbowkit/src/components/Avatar/Avatar.tsx | 5 -----
2 files changed, 5 insertions(+), 5 deletions(-)
create mode 100644 .changeset/tasty-humans-cheer.md
diff --git a/.changeset/tasty-humans-cheer.md b/.changeset/tasty-humans-cheer.md
new file mode 100644
index 0000000000..1cd218f92d
--- /dev/null
+++ b/.changeset/tasty-humans-cheer.md
@@ -0,0 +1,5 @@
+---
+"@rainbow-me/rainbowkit": patch
+---
+
+Fixed a bug where the spinner icon was still spinning when loading state wasn't 'true' in the component
diff --git a/packages/rainbowkit/src/components/Avatar/Avatar.tsx b/packages/rainbowkit/src/components/Avatar/Avatar.tsx
index fcd0def8a1..c9d82f1aed 100644
--- a/packages/rainbowkit/src/components/Avatar/Avatar.tsx
+++ b/packages/rainbowkit/src/components/Avatar/Avatar.tsx
@@ -51,11 +51,6 @@ export function Avatar({ address, imageUrl, loading, size }: AvatarProps) {
display="flex"
height="full"
position="absolute"
- style={{
- opacity: loading ? 1 : 0,
- transition: loading ? '0.6s ease' : '0.2s ease',
- transitionDelay: loading ? '.05s' : undefined,
- }}
width="full"
>