From ca53ae798412e029f5074fc2e9eaf4a9ad85d6d5 Mon Sep 17 00:00:00 2001
From: Cozy <49923548+CozyHQ@users.noreply.github.com>
Date: Wed, 20 May 2026 16:12:51 +0300
Subject: [PATCH] Adjust EyeIcon size and styles in hideMessages component
 (#1096)

* Adjust EyeIcon size in hideMessages component

* Adjust styles and icon size in hideMessages component

* t

---------

Co-authored-by: thororen1234 <78185467+thororen1234@users.noreply.github.com>
---
 src/equicordplugins/hideMessages/index.tsx  | 7 ++++++-
 src/equicordplugins/hideMessages/styles.css | 8 ++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 src/equicordplugins/hideMessages/styles.css

diff --git a/src/equicordplugins/hideMessages/index.tsx b/src/equicordplugins/hideMessages/index.tsx
index b06f3e932..309e12190 100644
--- a/src/equicordplugins/hideMessages/index.tsx
+++ b/src/equicordplugins/hideMessages/index.tsx
@@ -4,6 +4,8 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
+import "./styles.css";
+
 import { findGroupChildrenByChildId, NavContextMenuPatchCallback } from "@api/ContextMenu";
 import { isPluginEnabled } from "@api/PluginManager";
 import { definePluginSettings } from "@api/Settings";
@@ -12,6 +14,7 @@ import { EyeIcon } from "@components/Icons";
 import pinDms from "@plugins/pinDms";
 import { isPinned } from "@plugins/pinDms/data";
 import { EquicordDevs } from "@utils/constants";
+import { classNameFactory } from "@utils/css";
 import definePlugin, { OptionType } from "@utils/types";
 import { Channel, Message } from "@vencord/discord-types";
 import { ChannelStore, Clickable, FluxDispatcher, Menu, Tooltip } from "@webpack/common";
@@ -24,6 +27,7 @@ interface PrivateChannelsListInstance {
     forceUpdate(callback?: () => void): void;
 }
 
+const cl = classNameFactory("vc-hide-messages-");
 const hiddenDmIds = new Set<string>();
 let privateChannelsListInstance: PrivateChannelsListInstance | null = null;
 let showHiddenDms = false;
@@ -146,6 +150,7 @@ export default definePlugin({
                 {tooltipProps => (
                     <Clickable
                         {...tooltipProps}
+                        className={cl("eye")}
                         role="button"
                         tabIndex={0}
                         aria-label={label}
@@ -158,7 +163,7 @@ export default definePlugin({
                             notifyHiddenDmsUpdate();
                         }}
                     >
-                        <EyeIcon width={18} height={18} />
+                        <EyeIcon width={14} height={14} />
                     </Clickable>
                 )}
             </Tooltip>
diff --git a/src/equicordplugins/hideMessages/styles.css b/src/equicordplugins/hideMessages/styles.css
new file mode 100644
index 000000000..618f0fd70
--- /dev/null
+++ b/src/equicordplugins/hideMessages/styles.css
@@ -0,0 +1,8 @@
+.vc-hide-messages-eye {
+    width: 16px;
+    height: 16px;
+    margin-right: 0.2rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
\ No newline at end of file