use nesting and move the <name> is typing... back to the bottom of the input box

v2.css

@@ -8,7 +8,7 @@
 }
 
 /* Remove avatar decorations */
-.visual-refresh img[class^="avatarDecoration__"] {
+.visual-refresh img[class*="avatarDecoration__"] {
   display: none;
 }
 
@@ -21,90 +21,124 @@
 .visual-refresh [aria-label="Send a gift"] {
   display: none;
 }
+
 .visual-refresh [aria-label="Open sticker picker"] {
   display: none;
 }
+
 .visual-refresh [aria-label="Open GIF picker"] {
   display: none;
 }
+
 .visual-refresh [aria-label="Download the mobile app to make your first remix"] {
   display: none;
 }
+
 .visual-refresh a[href="https://support.discord.com"] {
   display: none;
 }
-.visual-refresh [class^="channelAppLauncher_"] {
-  display: none;
-}
 
-/* Hide activities panel */
+.visual-refresh .app-launcher-entrypoint {
-.visual-refresh div[class*="membersGroup_"]:has([class^="headerContainer__"][role="button"]) {
   display: none;
 }
 
 /* Remove unnecessary gap between buttons in chat input box */
-.visual-refresh div[class^="channelTextArea_"] div[class^="buttons__"] {
+.visual-refresh div.buttons__74017 {
   gap: 0 !important;
 }
 
-/* Remove top bar */
+.visual-refresh div[data-fullscreen][class^="base_"] {
-.visual-refresh div[class^="base_"] div[class^="bar_"] {
-  display: none;
-}
-.visual-refresh div[class^="base_"] {
   grid-template-rows: [top] 0 [titleBarEnd] min-content [noticeEnd] 1fr [end];
+
+  & div[class^="bar_"] {
+    display: none;
+  }
 }
-.visual-refresh form[class^="form_"] {
+
+.visual-refresh form {
   margin-top: 0;
 }
-.visual-refresh div[class^="stack_"] {
+
+.visual-refresh [data-jump-section] div[data-wrap] {
   padding-top: 0.5rem;
   margin-top: 0;
 }
 
-/* Remove top border */
-.visual-refresh div[class^="sidebarList_"] {
-  border-top: 0 !important;
-  border-top-left-radius: 0 !important;
-}
-.visual-refresh div[class^="chat_"] {
-  border-top: 0 !important;
-  border-top-left-radius: 0 !important;
-}
-
-
 /* User area rework */
+
 .visual-refresh section[aria-label="User area"] {
+
+  & div[class*="container__"] {
+    display: flex;
+    flex-direction: row;
+    padding-inline: 0.5rem;
+    gap: 0;
+
+    & div[class*="avatarWrapper__"] {
+      width: 100%;
+    }
+
+    & div[class*="buttons__"] {
+      width: auto;
+      display: flex;
+      flex-direction: row;
+      justify-content: right;
+      gap: 0.5rem;
+
+      &>div {
+        width: auto;
+      }
+
+      button {
+        width: auto;
+      }
+    }
+  }
+
   left: var(--custom-guild-list-width);
   bottom: 0;
   width: calc(var(--custom-guild-sidebar-width) - var(--custom-guild-list-width))
 }
-.visual-refresh section[aria-label="User area"] div[class^="container__"] {
-  display: flex;
-  flex-direction: row;
-  padding-inline: 0.5rem;
-  gap: 0;
-}
-.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="avatarWrapper__"] {
-  width: 100%;
-}
-.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] {
-  width: auto;
-  display: flex;
-  flex-direction: row;
-  justify-content: right;
-  gap: 0.5rem;
-}
 
-.visual-refresh [class^="sidebar_"] [aria-label="Servers sidebar"] {
+
+.visual-refresh [aria-label="Servers sidebar"] {
   margin-bottom: 0;
 }
-.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] > div {
+
-  width: auto;
+/* Vencord real names in normal font because jfc */
+.vc-smyn-suffix {
+  font-family: 'system-ui';
+  font-size: 0.75rem;
 }
-.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] > button {
+
-  width: auto;
+.align-chat-input [class^="scrollerSpacer__"] {
+  height: 1.75rem !important;
 }
-.visual-refresh section[aria-label="User area"] div[class^="container__"] div[class^="buttons__"] > div > button {
+
-  width: auto;
+main {
+  position: relative;
+}
+
+form[class*="formWithLoadedChatInput_"] {
+  position: relative;
+}
+
+form[class*="formWithLoadedChatInput_"] [class^="typing_"] {
+  bottom: 0 !important;
+  top: unset !important;
+}
+
+form[class*="formWithLoadedChatInput_"] [class^="typing_"] [class^="text"] {
+  margin-left: 0.5rem;
+}
+
+form[class*="formWithLoadedChatInput_"] [class^="attachWrapper__"] {
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.channelTextArea_f75fb0 {
+  margin-bottom: 1.25rem;
 }