From a147c9f680523ee0eab89d31972a466fb1efb58a Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Fri, 27 Mar 2026 12:55:09 -0400
Subject: [PATCH] HomeTyping: Add ClassName For Typing Dots

---
 src/equicordplugins/homeTyping/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/equicordplugins/homeTyping/index.tsx b/src/equicordplugins/homeTyping/index.tsx
index a52bc2957..d231fa50c 100644
--- a/src/equicordplugins/homeTyping/index.tsx
+++ b/src/equicordplugins/homeTyping/index.tsx
@@ -5,12 +5,14 @@
  */
 
 import { Devs } from "@utils/constants";
+import { classNameFactory } from "@utils/css";
 import definePlugin from "@utils/types";
 import { findComponentByCodeLazy, findStoreLazy } from "@webpack";
 import { TypingStore, UserStore, useStateFromStores } from "@webpack/common";
 
-const ThreeDots = findComponentByCodeLazy("Math.min(1,Math.max(", "dotRadius:");
+const cl = classNameFactory("vc-home-");
 
+const ThreeDots = findComponentByCodeLazy("Math.min(1,Math.max(", "dotRadius:");
 const PrivateChannelSortStore = findStoreLazy("PrivateChannelSortStore") as { getPrivateChannelIds: () => string[]; };
 
 export default definePlugin({
@@ -18,7 +20,7 @@ export default definePlugin({
     description: "Changes the home button to a typing indicator if someone in your dms is typing",
     authors: [Devs.Samwich],
     TypingIcon() {
-        return <ThreeDots dotRadius={3} themed={true} />;
+        return <ThreeDots className={cl("typing")} dotRadius={3} themed={true} />;
     },
     isTyping() {
         return useStateFromStores([TypingStore], () =>