From c651721cb4ff8a644c3da82e0a518015272da3d9 Mon Sep 17 00:00:00 2001
From: programminglaboratorys <programming.laboratorys@gmail.com>
Date: Tue, 1 Oct 2024 16:21:43 +0300
Subject: [PATCH] apply status style to StatusIcon

---
 src/plugins/statusPresets/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/plugins/statusPresets/index.tsx b/src/plugins/statusPresets/index.tsx
index 50eca53d1..970a31c03 100644
--- a/src/plugins/statusPresets/index.tsx
+++ b/src/plugins/statusPresets/index.tsx
@@ -57,9 +57,9 @@ const customStatusSettings = getUserSettingLazy("status", "customStatus");
 const ClearStatusButton = () => <Clickable className={StatusStyles.clearCustomStatusHint} onClick={() => customStatusSettings?.updateSetting(null)}><Icons.CircleXIcon size="sm" /></Clickable>;
 
 function StatusIcon({ isHovering, status }: { isHovering: boolean; status: DiscordStatus; }) {
-    return isHovering ?
-        <Icons.CircleXIcon size="sm" style={{ marginTop: "4px" }} />
-        : (status.emojiInfo != null ? <EmojiComponent emoji={status.emojiInfo} animate={false} hideTooltip={false} /> : <div className={StatusStyles.customEmojiPlaceholder} />);
+    return <div className={StatusStyles.status}>{isHovering ?
+        <Icons.CircleXIcon size="sm" />
+        : (status.emojiInfo != null ? <EmojiComponent emoji={status.emojiInfo} animate={false} hideTooltip={false} /> : <div className={StatusStyles.customEmojiPlaceholder} />)}</div>;
 }
 
 const RenderStatusMenuItem = ({ status }: { status: DiscordStatus; }) => {