From 385b58c7ffae6b6d91b2251239bfea5ad482be16 Mon Sep 17 00:00:00 2001
From: thororen1234 <78185467+thororen1234@users.noreply.github.com>
Date: Wed, 30 Apr 2025 23:01:36 -0400
Subject: [PATCH] Fixes For MutualGroupDMs & ServerInfo

---
 src/plugins/mutualGroupDMs/index.tsx | 23 ++++++++++++-----------
 src/plugins/serverInfo/styles.css    |  2 +-
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/plugins/mutualGroupDMs/index.tsx b/src/plugins/mutualGroupDMs/index.tsx
index 3c8e30fe..42f4f2e3 100644
--- a/src/plugins/mutualGroupDMs/index.tsx
+++ b/src/plugins/mutualGroupDMs/index.tsx
@@ -32,8 +32,8 @@ const SelectedChannelActionCreators = findByPropsLazy("selectPrivateChannel");
 const UserUtils = findByPropsLazy("getGlobalName");
 
 const ProfileListClasses = findByPropsLazy("emptyIconFriends", "emptyIconGuilds");
+const MutualsListClasses = findByPropsLazy("row", "icon", "name", "nick");
 const ExpandableList = findComponentByCodeLazy('"PRESS_SECTION"', ".header");
-const GuildLabelClasses = findByPropsLazy("guildNick", "guildAvatarWithoutIcon");
 
 function getGroupDMName(channel: Channel) {
     return channel.name ||
@@ -59,21 +59,22 @@ function renderClickableGDMs(mutualDms: Channel[], onClose: () => void) {
     return mutualDms.map(c => (
         <Clickable
             key={c.id}
-            className={ProfileListClasses.listRow}
             onClick={() => {
                 onClose();
                 SelectedChannelActionCreators.selectPrivateChannel(c.id);
             }}
         >
-            <Avatar
-                src={IconUtils.getChannelIconURL({ id: c.id, icon: c.icon, size: 32 })}
-                size="SIZE_40"
-                className={ProfileListClasses.listAvatar}
-            >
-            </Avatar>
-            <div className={ProfileListClasses.listRowContent}>
-                <div className={ProfileListClasses.listName}>{getGroupDMName(c)}</div>
-                <div className={GuildLabelClasses.guildNick}>{c.recipients.length + 1} Members</div>
+            <div className={MutualsListClasses.row}>
+                <Avatar
+                    src={IconUtils.getChannelIconURL({ id: c.id, icon: c.icon, size: 32 })}
+                    size="SIZE_40"
+                    className={MutualsListClasses.icon}
+                >
+                </Avatar>
+                <div className={MutualsListClasses.details}>
+                    <div className={MutualsListClasses.name}>{getGroupDMName(c)}</div>
+                    <div className={MutualsListClasses.nick}>{c.recipients.length + 1} Members</div>
+                </div>
             </div>
         </Clickable>
     ));
diff --git a/src/plugins/serverInfo/styles.css b/src/plugins/serverInfo/styles.css
index a77605e9..9b251f3d 100644
--- a/src/plugins/serverInfo/styles.css
+++ b/src/plugins/serverInfo/styles.css
@@ -41,9 +41,9 @@
     border-bottom: 2px solid var(--background-modifier-accent);
     margin: 20px 12px 0;
     display: flex;
-    gap: 40px;
     align-items: stretch;
     flex-direction: row;
+    justify-content: center;
 }
 
 .vc-gp-tab {