From cf4389cd1dfc9f8363777532010ec1a972ade7ef Mon Sep 17 00:00:00 2001
From: KingRainbow44 <kobedo11@gmail.com>
Date: Fri, 26 May 2023 11:22:54 -0400
Subject: [PATCH] Fix the background color leaking from the character widget

---
 src/handbook/src/ui/widgets/Character.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/handbook/src/ui/widgets/Character.tsx b/src/handbook/src/ui/widgets/Character.tsx
index 7cb70250a..6b69aabd4 100644
--- a/src/handbook/src/ui/widgets/Character.tsx
+++ b/src/handbook/src/ui/widgets/Character.tsx
@@ -39,13 +39,13 @@ class Character extends React.PureComponent<IProps> {
         return (
             <div
                 className={"Character"}
-                style={{ backgroundColor: `var(${qualityColor})` }}
                 onClick={this.props.onClick}
             >
                 <img
                     className={"Character_Icon"}
                     alt={name}
                     src={`https://paimon.moe/images/characters/${formatAvatarName(name, id)}.png`}
+                    style={{ backgroundColor: `var(${qualityColor})` }}
                 />
 
                 <div className={"Character_Label"}>