diff --git a/scss/components/__channel-textarea.scss b/scss/components/__channel-textarea.scss
index 0a8bcab..2a3024c 100644
--- a/scss/components/__channel-textarea.scss
+++ b/scss/components/__channel-textarea.scss
@@ -1,21 +1,21 @@
-:is(.chatContent-3KubbW, .chatContent-2O4SXb) {
-    .jumpToPresentBar-1cEnH0 {
+.chatContent__5dca8 {
+    .jumpToPresentBar__0ff7f {
         // i should probably redo this
         display: block;
         left: calc(100% - 50px);
         width: 0;
         height: 0;
         bottom: 50px;
-        .barButtonMain-2GIx4o,
+        .barButtonMain__0f5c6,
         .spinner-2RT7ZC {
             display: none;
         }
-        .barButtonAlt-TQoCdZ {
+        .barButtonAlt__4b48f {
             top: 0;
             width: 0;
             height: 0;
             font-size: 0;
-            .barButtonIcon-bMvzp2 {
+            .barButtonIcon__907ef {
                 z-index: 100;
                 position: absolute;
                 display: unset;
@@ -31,62 +31,62 @@
             }
         }
     }
-    :is(.form-3gdLxP, .form-3qe0Ni) {
+    .form__13a2c {
         margin: 0;
         padding: 0;
         border-top: 1px solid var(--channeltextarea-border);
         &::before {
             display: none;
         }
-        :is(.channelTextArea-1FufC0, .channelTextArea-1deLlK) {
+        .channelTextArea__2e60f {
             margin: 0;
             padding: 0;
-            .attachedBars-2BCP3l {
+            .attachedBars_da3c74 {
                 border-radius: 0;
                 background-color: var(--background-secondary-alt);
-                .replyBar-1oi75v,
-                .threadSuggestionBar-3ExSyc {
+                .replyBar_b64d74,
+                .threadSuggestionBar_b633f7 {
                     background-color: transparent;
                 }
             }
-            .channelAttachmentArea-HwpkuQ {
+            .channelAttachmentArea__740bf {
                 margin-top: -11px;
                 margin-bottom: 5px;
                 margin-left: 0;
-                + .divider-2rZFJK {
+                + .divider_b9338f {
                     display: none;
                 }
-                .wrapper-2vIMkT {
+                .wrapper_c727b6 {
                     background-color: var(--background-floating);
                 }
             }
-            .scrollableContainer-15eg7h {
+            .scrollableContainer__33e06 {
                 padding: 15px;
                 overflow-y: unset;
-                .inner-NQg18Y {
+                .inner__9fd0b {
                     padding-left: 0;
                     width: 100%;
-                    .buttons-uaqb-5 {
+                    .buttons_ce5b56 {
                         > button ~ .expression-picker-chat-input-button:not(:nth-child(4)) {
                             display: none;
                         }
-                        .emojiButton-3FRTuj {
+                        .emojiButton__8ff6a {
                             display: flex !important;
                             order: -1;
                             position: absolute;
                             left: -50px;
-                            .button-f2h6uQ {
+                            .button_afdfd9 {
                                 background-color: transparent;
                             }
                         }
-                        .separator-3ng7S5 {
+                        .separator__8424b {
                             margin: 0;
                             &::before {
                                 display: none;
                             }
-                            .button-f2h6uQ {
+                            .button_afdfd9 {
                                 margin-right: 0;
-                                .innerButton-1aF_E_ {
+                                .innerButton_debeee {
                                     margin-left: 2px;
                                     margin-right: 0;
                                     transition: background-color 200ms ease;
@@ -111,16 +111,16 @@
                             }
                         }
                     }
-                    .attachButton-1ijpt9 {
-                        .attachButtonPlus-3IYelE {
+                    .attachButton_eba568 {
+                        .attachButtonPlus_bf89ca {
                             d: path("M10.6667 4V10.6667H4V13.3333H10.6667V20H13.3333V13.3333H20V10.6667H13.3333V4H10.6667Z");
                             fill: var(--channeltextarea-button-icon);
                         }
-                        .attachButtonPlay-1ATmb5 {
+                        .attachButtonPlay_edf919 {
                             display: none;
                         }
                     }
-                    .characterCount-8yNPfb {
+                    .characterCount_e55010 {
                         right: unset;
                         bottom: 0;
                         left: 15px;
@@ -128,7 +128,7 @@
                 }
             }
         }
-        .typing-2J1mQU {
+        .typing__6fd1d {
             top: -24px;
             right: 0;
             left: 0;
@@ -137,7 +137,7 @@
             background-color: var(--background-secondary-alt);
         }
     }
-    .scrollerSpacer-3AqkT9 {
+    .scrollerSpacer__9cd32 {
         height: 25px;
     }
 }
diff --git a/scss/components/__default-textarea.scss b/scss/components/__default-textarea.scss
index d58a232..81c880e 100644
--- a/scss/components/__default-textarea.scss
+++ b/scss/components/__default-textarea.scss
@@ -1,30 +1,30 @@
-.base-2jDfDU {
-    .channelTextArea-220_Gz,
-    :is(.channelTextArea-1FufC0, .channelTextArea-1deLlK),
-    .scrollableContainer-15eg7h {
+.base__3e6af {
+    .channelTextArea_af1f8b,
+    .channelTextArea__2e60f,
+    .scrollableContainer__33e06 {
         background-color: transparent;
     }
-    .channelTextArea-1VQBuV {
-        .inner-NQg18Y {
+    .channelTextArea__56a36 {
+        .inner__9fd0b {
             margin-right: -5px;
-            .textArea-2CLwUE {
+            .textArea__74543 {
                 margin-right: 5px;
                 border-radius: var(--channeltextarea-rounding);
                 background-color: var(--channeltextarea-background);
-                .fontSize16Padding-XoMpjI {
+                .fontSize16Padding__48818 {
                     left: 16px;
                     padding-left: 0;
                 }
-                .slateTextArea-27tjG0 {
+                .slateTextArea__0661c {
                     margin-right: 44px;
                     caret-color: var(--channeltextarea-caret);
                     border-radius: var(--channeltextarea-rounding);
                 }
             }
-            .buttons-uaqb-5 {
+            .buttons_ce5b56 {
                 margin-right: 0;
             }
-            .button-ejjZWC {
+            .button_afdfd9 {
                 width: 44px;
                 height: 44px;
                 margin-right: 5px;
@@ -37,10 +37,10 @@
                 &:active:not([disabled]) {
                     background-color: var(--channeltextarea-button-hover);
                 }
-                &.emojiButton-1fMsf3 {
+                &.emojiButton__30ec7 {
                     background-color: transparent;
                 }
-                .sprite-2lxwfc {
+                .sprite__294b3 {
                     margin-bottom: 2px;
                     background-color: var(--channeltextarea-button-icon);
                     background-size: unset !important;
diff --git a/scss/components/__editing-textarea.scss b/scss/components/__editing-textarea.scss
index 6e8d1b9..ed2ba26 100644
--- a/scss/components/__editing-textarea.scss
+++ b/scss/components/__editing-textarea.scss
@@ -1,10 +1,10 @@
-.channelTextArea-220_Gz {
-    .buttonContainer-2lnNiN {
+.channelTextArea_af1f8b {
+    .buttonContainer__8b164 {
         z-index: 2;
         position: absolute;
         right: 0;
         top: 0;
-        .button-3BaQ4X {
+        .button__55e53 {
             background-color: transparent !important;
         }
     }
diff --git a/scss/components/__popouts.scss b/scss/components/__popouts.scss
index 664314e..92605fa 100644
--- a/scss/components/__popouts.scss
+++ b/scss/components/__popouts.scss
@@ -1,8 +1,8 @@
 #app-mount {
     // || GIF / Sticker / Emoji Drawer
-    .drawerSizingWrapper-1txdWG {
+    .drawerSizingWrapper__30274 {
         right: 114px;
-        .navList-YSb9UB {
+        .navList__9f792 {
             #emoji-picker-tab {
                 order: 1;
                 margin-left: 0;
@@ -17,30 +17,30 @@
         }
     }
     // || Autocomplete
-    .autocomplete-3jLKbj {
+    .autocomplete__0c75a {
         bottom: 100%;
         padding-left: 8px;
         border-radius: 0;
         box-shadow: none;
         background-color: var(--background-secondary-alt);
     }
-    .autocomplete-3NRXG8 {
+    .autocomplete_df266d {
         bottom: 100%;
         border-radius: 0;
         box-shadow: none;
         background-color: var(--background-secondary-alt);
-        .categoryHeader-OpJ1Ly {
+        .categoryHeader_f97a5f {
             background-color: var(--background-secondary-alt);
         }
     }
-    .attachedBars-2BCP3l ~ {
-        .autocomplete-3jLKbj,
-        .autocomplete-3NRXG8 {
+    .attachedBars_da3c74 ~ {
+        .autocomplete__0c75a,
+        .autocomplete_df266d {
             border-bottom: 1px solid var(--background-primary);
         }
     }
     // || Stickers
-    .stickerIconOffset-2zxofV {
+    .stickerIconOffset__86287 {
         display: none;
     }
 }