diff --git a/src/scss/components/_buttons-and-items.scss b/src/scss/components/_buttons-and-items.scss
index 0df05af..6b8f887 100644
--- a/src/scss/components/_buttons-and-items.scss
+++ b/src/scss/components/_buttons-and-items.scss
@@ -15,118 +15,109 @@ button {
 }
 
 .theme-dark, .theme-light {
-  /**----------------
-   * lookFilled ones
-  -----------------*/
-  // colorBrand
-  .lookFilled-yCfaCM.colorBrand-I6CyqQ {
+  /* colorBrand */
+  [class*="lookFilled"][class*="colorBrand"]:not([class*="colorWhite"]) {
     color: tc.$text-alt;
     background-color: gc.$color11;
     transition: filter 0.3s;
   }
 
-  .lookFilled-yCfaCM.colorBrand-I6CyqQ:hover {
+  [class*="lookFilled"][class*="colorBrand"]:not([class*="colorWhite"]):hover {
     color: tc.$text-alt;
     background-color: gc.$color11;
     filter: brightness(0.8);
   }
 
-  // colorGrey
-  .lookFilled-yCfaCM.colorGrey-2iAG-B {
+  /* colorGrey */
+  [class*="lookFilled"][class*="colorGrey"] {
     color: tc.$text-alt;
     background-color: gc.$color7;
     transition: filter 0.3s;
   }
 
-  .lookFilled-yCfaCM.colorGrey-2iAG-B:hover {
+  [class*="lookFilled"][class*="colorGrey"]:hover {
     color: tc.$text-alt;
     background-color: gc.$color7;
     filter: brightness(0.8);
   }
 
-  // colorRed
-  .lookFilled-yCfaCM.colorRed-rQXKgM {
+  /* colorRed */
+  [class*="lookFilled"][class*="colorRed"] {
     color: tc.$text-alt;
     background-color: gc.$color3;
     transition: background-color 0.3s;
   }
 
-  .lookFilled-yCfaCM.colorRed-rQXKgM:hover {
+  [class*="lookFilled"][class*="colorRed"]:hover {
     color: tc.$text-alt;
     background-color: gc.$color4;
   }
 
-  // colorPrimary
-  .lookFilled-yCfaCM.colorPrimary-2AuQVo {
+  /* colorPrimary */
+  [class*="lookFilled"][class*="colorPrimary"] {
     color: tc.$text-alt;
     background-color: gc.$color7;
     transition: filter 0.3s;
   }
 
-  .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover {
+  [class*="lookFilled"][class*="colorPrimary"]:hover {
     color: tc.$text-alt;
     background-color: gc.$color7;
     filter: brightness(0.8);
   }
 
-  // colorWhite
-  .lookFilled-yCfaCM.colorWhite-1H92hK, .lookFilled-yCfaCM.colorWhite-1H92hK * {
+  /* colorWhite */
+  [class*="lookFilled"][class*="colorWhite"]:not(.colorWhite-1H92hK), [class*="lookFilled"][class*="colorWhite"]:not(.colorWhite-1H92hK) * {
     color: tc.$text-alt;
     background-color: gc.$color7;
     transition: filter 0.3s;
   }
 
-  .lookFilled-yCfaCM.colorWhite-1H92hK:active {
+  [class*="lookFilled"][class*="colorWhite"]:not(.colorWhite-1H92hK):active {
     filter: brightness(0.8);
   }
 
-  /**----------------
-   * lookInverted ones
-  -----------------*/
-  // colorBrand
-  .lookInverted-2mDUMi.colorBrand-I6CyqQ {
+  /* lookInverted */
+  [class*="lookInverted"][class*="colorBrand"] {
     color: tc.$text-alt;
     background-color: gc.$color7;
     transition: filter 0.3s;
   }
-  
-  .lookInverted-2mDUMi.colorBrand-I6CyqQ:hover  {
+
+  [class*="lookInverted"][class*="colorBrand"]:hover  {
     filter: brightness(0.9);
   }
 
-  // colorGreen
-  .lookFilled-yCfaCM.colorGreen-3y-Z79 {
+  /* colorGreen */
+  [class*="lookFilled"][class*="colorGreen"] {
     color: tc.$text-alt;
     background-color: gc.$color11;
     transition: filter 0.3s;
   }
 
-  .lookFilled-yCfaCM.colorGreen-3y-Z79:hover  {
+  [class*="lookFilled"][class*="colorGreen"]:hover  {
     filter: brightness(0.8);
   }
 
-  /**----------------
-   * lookOutlined ones
-  -----------------*/
-  // colorBrand
-  .lookOutlined-3yKVGo.colorRed-rQXKgM {
+  /* lookOutlined */
+  [class*="lookOutlined"][class*="colorRed"] {
     color: gc.$color3;
     border-color: gc.$color3;
     transition: all 0.3s;
   }
 
-  .lookOutlined-3yKVGo.colorRed-rQXKgM:hover {
+  [class*="lookOutlined"][class*="colorRed"]:hover {
     color: gc.$color4;
     background-color: transparent;
     border-color: gc.$color4;
   }
 
-  // colorPrimary
-  .lookOutlined-3yKVGo.colorPrimary-2AuQVo {
+  /* colorPrimary */
+  [class*="lookOutlined"][class*="colorPrimary"] {
     transition: border-color 0.3s;
   }
 
-  .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover {
+  [class*="lookOutlined"][class*="colorPrimary"]:hover {
     border-color: tc.$background-secondary-alt;
   }
 }
diff --git a/src/scss/components/_channel-message-input.scss b/src/scss/components/_channel-message-input.scss
index 2232b7b..22656d4 100644
--- a/src/scss/components/_channel-message-input.scss
+++ b/src/scss/components/_channel-message-input.scss
@@ -1,7 +1,7 @@
 @use '../abstracts/theme-colors' as tc;
 @use '../abstracts/measurements' as ms;
 
-.form-3gdLxP {
+.form-3gdLxP, .form__13a2c {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr minmax(min-content, max-content);
@@ -12,47 +12,47 @@
   margin-left: 10px;
 
   // some other container types like "follow the channel"
-  .wrapper-2SplAX {
+  .wrapper_fbbb73 {
     border-radius: ms.$big-radius;
-    max-width: 100%;
+    max-width: calc(100% - 10px);
     margin-right: 0;
     margin-top: 10px;
     margin-bottom: auto;
   }
 
+  .applicationCommandEducation-1stoia {
+    display: none;
+  }
+}
 
-  // spacing channel input
-  .channelTextArea-1FufC0.channelTextArea-1VQBuV {
-    background-color: transparent;
+// spacing channel input
+.channelTextArea__2e60f, .channelTextArea__56a36 {
+  background-color: transparent;
+  border-radius: ms.$big-radius;
+  max-width: calc(100% - 10px);
+  margin-top: 10px;
+  margin-bottom: auto;
+  .attachedBars-2BCP3l {
+    background-color: tc.$background-secondary-alt;
+    border-bottom: tc.$dark-border;
+  }
+  .scrollableContainer__33e06 {
+    padding: 4px 0 4px 0;
     border-radius: ms.$big-radius;
-    max-width: calc(100% - 10px);
-    margin-top: 10px;
-    margin-bottom: auto;
-    .attachedBars-2BCP3l {
-      background-color: tc.$background-secondary-alt;
-      border-bottom: tc.$dark-border;
-    }
-    .scrollableContainer-15eg7h {
-      padding: 4px 0 4px 0;
-      border-radius: ms.$big-radius;
-      &.hasConnectedBar-1vN2JH {
-        border-radius: 0px 0px ms.$big-radius ms.$big-radius;
-      }
+    &.hasConnectedBar-1vN2JH {
+      border-radius: 0px 0px ms.$big-radius ms.$big-radius;
     }
   }
-  
-  .applicationCommandEducation-1stoia {
-    display: none;
-  }
 }
 
 // remove tips below channel input message
-.form-3gdLxP::before { 
+.form__13a2c::before { 
   display: none;
 }
 
 // typing section
-.typing-2J1mQU {
+.typing__6fd1d {
+  max-width: calc(100% - 25px);
   position: relative;
   margin: 6px 0 -4px 4px;
   height: 1rem;
@@ -60,7 +60,7 @@
 
   color: tc.$text-muted;
 
-  .dots-1BwzZQ.themed-3T-OPr {
+  .typingDots_d92d42 {
     color: tc.$text-muted;
   }
 }
diff --git a/src/scss/components/_home-section.scss b/src/scss/components/_home-section.scss
index 3a21dc9..8042d78 100644
--- a/src/scss/components/_home-section.scss
+++ b/src/scss/components/_home-section.scss
@@ -2,21 +2,51 @@
 @use '../abstracts/measurements' as ms;
 
 // discover servers
-.pageWrapper-2PwDoS {
-  background-color: tc.$background-primary!important;
+.pageWrapper_fef757 {
+  background-color: tc.$background-spacing!important;
+}
+
+.sidebar_ded4b5 {
+  .categoryItem_b1be5c {
+    position: relative;
+    overflow: hidden;
+    border-radius: ms.$big-radius;
+  }
+
+  .categoryItem_b1be5c.selected__9800b {
+    color: tc.$text-alt;
+  }
+
+  .categoryItem_b1be5c::before {
+    border-radius: 50%;
+    background-color: rgba(55,55,55, 0.6);
+    content:'';
+    position: absolute;
+    top: 50%; left: 50%;
+    width:0; height:0;
+    transition: all 0.5s ease-out;
+    opacity:0;
+  }
+
+  .categoryItem_b1be5c.selected__9800b::before {
+    width:230px;
+    height:230px;
+    animation: ripple-effect-for-channels 0.350s;
+    animation-iteration-count: 1;
+  }
 }
 
 // server cards
-.card-2TuZPZ {
+.card__86773 {
   padding-top: 40px;
   justify-content: center;
   height: auto;
   min-height: 200px;
   border-radius: ms.$medium-radius;
-  .cardHeader-1kPMOm {
+  .cardHeader__889e1 {
     height: auto;
   }
-  .cardHeader-1kPMOm .splash-1VADA3 {
+  .cardHeader__889e1 .splash_c32fae {
     display: none;
   }
 }
diff --git a/src/scss/components/_left-bar-container.scss b/src/scss/components/_left-bar-container.scss
index a39269b..381f3ee 100644
--- a/src/scss/components/_left-bar-container.scss
+++ b/src/scss/components/_left-bar-container.scss
@@ -5,7 +5,7 @@
 
 @include anim.ripple-animation-for-channels;
 
-.sidebar-1tnWFu, .sidebar-nqHbhN {
+.sidebar_ded4b5, .sidebar__9e3e2 {
   margin: 10px 0px 10px 0;
   background-color: transparent;
 
@@ -23,17 +23,25 @@
   }
 
   // user panel section
-  section.panels-3wFtMD {
-    .button-12Fmur:hover {
+  section.panels__58331 {
+    .button__4f306:hover, .button__4f306:hover path, .avatarWrapper_ba5175:hover .title__10613 {
       color: tc.$text-alt;
     }
 
-    .subtext-2HDqJ7 {
+    .button__4f306:hover[aria-label="User Settings"] path {
+      fill: tc.$text-alt;
+    }
+
+    .subtext__8f869 {
       color: tc.$text-muted;
     }
 
-    .container-1zzFcN {
-      border-bottom: tc.$dark-border;
+    .avatarWrapper_ba5175 {
+      border-radius: ms.$medium-radius;
+    }
+
+    .container_ca50b9 {
+      background-color: transparent;
     }
   }
 
@@ -41,11 +49,12 @@
    * channels bar
   -----------------*/
   // channels items select animation
-  .content-2a4AW9 .content-1gYQeQ {
+  .containerDefault__3187b .wrapper__7bcde {
     overflow: hidden;
+    border-radius: ms.$medium-radius;
   }
   
-  .content-2a4AW9 .content-1gYQeQ::after {
+  .containerDefault__3187b .wrapper__7bcde::after {
     border-radius: 50%;
     background-color: rgba(55,55,55, 0.6);
     content:'';
@@ -56,21 +65,27 @@
     opacity:0;
   }
 
-  .content-2a4AW9 .modeSelected-3DmyhH .content-1gYQeQ::after {
+  .containerDefault__3187b .wrapper__7bcde.modeSelected__487d6::after {
     width:230px;
     height:230px;
     animation: ripple-effect-for-channels 0.350s;
     animation-iteration-count: 1;
   }
 
-  // voice channel selected
-  .wrapper-NhbLHG.modeSelected-3DmyhH .content-1gYQeQ * {
-    color: tc.$text-alt;
-  }
-
   // channels items select
-  .content-2a4AW9 .selected-2TbFuo .content-1gYQeQ a *, .content-2a4AW9 .selected-2TbFuo .content-1gYQeQ .children-1MGS9G *, .content-2a4AW9 .selected-3veCBZ {
-    color: tc.$text-alt;
+  .wrapper__7bcde.modeSelected__487d6 a, .wrapper__7bcde:active a {
+    .name__8d1ec, .actionIcon_d679b5 {
+      color: tc.$text-alt;
+    }
+    .statusDiv_a4cf67 * {
+      color: tc.$text-alt;
+    }
+    .statusDiv_a4cf67:hover * {
+      color: tc.$text-muted;
+    }
+    .iconContainer__3f9b0 svg {
+      color: tc.$text-alt;
+    }
   }
 
   .content-2a4AW9 .selected-3veCBZ {
@@ -102,16 +117,16 @@
    * home section bar
   -----------------*/
   // home section items select
-  .container-1oeRFJ {
+  .channel_c21703 {
     margin-bottom: 4px;
     
     // ripple animation
-    .layout-1qmrhw {
+    .interactive__776ee {
       position: relative;
       overflow: hidden;
     }
 
-    .layout-1qmrhw::before {
+    .interactive__776ee::before {
       border-radius: 50%;
       background-color: rgba(55,55,55, 0.6);
       content:'';
@@ -122,7 +137,7 @@
       opacity:0;
     }
 
-    &.selected-1-Z6gm .layout-1qmrhw::before {
+    .interactive__776ee.interactiveSelected_ec846b::before {
       width:230px;
       height:230px;
       animation: ripple-effect-for-channels 0.350s;
@@ -130,11 +145,23 @@
     }
     // ------------
 
-    &.clickable-28SzVr:active, &.highlighted-3PcOfB, &.selected-1-Z6gm {
+    .interactive__776ee:active, .interactive__776ee:active .closeButton__8f1fd, .interactiveSelected_ec846b, .highlighted-3PcOfB {
+      color: tc.$text-alt;
+    }
+
+    .interactive__776ee:hover, .interactive__776ee:hover .closeButton__8f1fd {
+      color: tc.$text-normal;
+    }
+
+    .interactive__776ee:focus-within, .interactive__776ee.interactiveSelected_ec846b {
       color: tc.$text-alt;
+      background-color: gc.$color7;
+      .closeButton__8f1fd {
+        color: tc.$text-alt;
+      }
     }
 
-    .layout-1qmrhw {
+    .interactive__776ee {
       border-radius: ms.$medium-radius;
     }
   }
@@ -143,12 +170,12 @@
    * settings bar
   -----------------*/  
   // settings items select
-  .item-3XjbnG {
+  .item__48dda {
     border-radius: ms.$small-radius;
     overflow: hidden;
   }
 
-  .item-3XjbnG::after {
+  .item__48dda::after {
     border-radius: 50%;
     background-color: rgba(55,55,55, 0.6);
     content:'';
@@ -159,28 +186,28 @@
     opacity:0;
   }
 
-  .selected-g-kMVV.item-3XjbnG::after {
+  .selected__5711d.item__48dda::after {
     width:230px;
     height:230px;
     animation: ripple-effect-for-channels 0.350s;
     animation-iteration-count: 1;
   }
 
-  .item-3XjbnG:active, .selected-g-kMVV.item-3XjbnG:active, .selected-g-kMVV.item-3XjbnG, .premiumLabel-V52REm.selected-2m-n75 {
+  .item__48dda:active, .selected__5711d.item__48dda:active, .selected__5711d.item__48dda, .premiumLabel_f2cd55.selected_d25ad4 {
     color: tc.$text-alt;
   }
 
-  .side-2ur1Qk .selected-g-kMVV.item-3XjbnG:hover {
+  .side_b4b3f6 .selected__5711d.item__48dda:hover {
     background-color: var(--background-modifier-selected);
   }
 
   // settings sidebar items 
-  .side-2ur1Qk .item-3XjbnG[aria-controls="delete-tab"] {
+  .side_b4b3f6 .item__48dda[aria-controls="delete-tab"] {
     color: gc.$color3!important;
     transition: all 0.3s;
   }
 
-  .side-2ur1Qk .item-3XjbnG[aria-controls="delete-tab"]:hover:not(.disabled-1nofHP), .side-2ur1Qk .item-3XjbnG[aria-controls="delete-tab"]:active:not(.disabled-1nofHP) {
+  .side_b4b3f6 .item__48dda[aria-controls="delete-tab"]:hover:not(.disabled-1nofHP), .side-2ur1Qk .item__48dda[aria-controls="delete-tab"]:active:not(.disabled-1nofHP) {
     background-color: gc.$color4;
     color: tc.$text-alt!important;
   }
diff --git a/src/scss/components/_mentions-nd-tags.scss b/src/scss/components/_mentions-nd-tags.scss
index 30ebae2..96d6af8 100644
--- a/src/scss/components/_mentions-nd-tags.scss
+++ b/src/scss/components/_mentions-nd-tags.scss
@@ -2,7 +2,7 @@
 @use '../abstracts/theme-colors' as tc;
 @use '../abstracts/general-colors' as gc;
 
-.mention, .px-MnE_OR.botTag-7aX5WZ, .botTagRegular-kpctgU {
+.mention, .px__97c6b.botTag__4211a .botTagRegular_c89c9a, .botTagVerified_a8fa0b {
   border-radius: ms.$really-small-radius;
 }
 
@@ -15,7 +15,12 @@
   filter: brightness(0.8);
 }
 
-.px-MnE_OR.botTag-7aX5WZ, .botTagRegular-kpctgU {
+.botTagRegular_c89c9a {
   color: tc.$text-alt;
-  background-color: gc.$color3;
-}
\ No newline at end of file
+  background-color: gc.$color11;
+}
+
+.botTagVerified_a8fa0b {
+  color: tc.$text-alt;
+  background-color: gc.$color11;
+}
diff --git a/src/scss/components/_messages-wrapper-container.scss b/src/scss/components/_messages-wrapper-container.scss
index 6dc4096..10bb92c 100644
--- a/src/scss/components/_messages-wrapper-container.scss
+++ b/src/scss/components/_messages-wrapper-container.scss
@@ -4,7 +4,7 @@
 @use '../abstracts/measurements' as ms;
 
 // important
-.chat-2ZfjoI {
+.chat__52833 {
   background: tc.$background-spacing;
 }
 
@@ -23,19 +23,19 @@
   background-color: tc.$interactive-hover;
 }
 
-// space bellow messages
-.scrollerSpacer-3AqkT9 {
+// space below messages
+.scrollerSpacer__9cd32 {
   height: 12px;
 }
 
-.messagesWrapper-RpOMA3 {
+.messagesWrapper_ea2b0b {
   // adding the spaces
   margin: 10px 10px 10px 10px;
   border-radius: ms.$big-radius;
   box-shadow: tc.$box-shadow;
   background: tc.$background-primary;
 
-  .buttonContainer-1502pf .wrapper-2vIMkT {
+  .buttonContainer_dd4b62 .wrapper_c727b6 {
     border-radius: ms.$medium-radius;
 
     div[aria-expanded="true"] {
@@ -62,14 +62,14 @@
     }
 
     // new messages divider
-    div.divider-IqmEqJ[id="---new-messages-bar"] {
+    div.divider__8cf56[id="---new-messages-bar"] {
       border-color: gc.$color3;
 
-      .content-3spvdd, .unreadPillCapStroke-1nE1Q8 {
+      .content_d67847, .unreadPillCapStroke__12c0b {
         color: gc.$color3;
       }
 
-      .unreadPill-3nEWYM {
+      .unreadPill__715fc {
         color: tc.$text-alt;
         background-color: gc.$color3;
 
@@ -81,7 +81,7 @@
   }
 
   // message bars
-  [class*="newMessagesBar-"] {
+  [class*="newMessagesBar"] {
     margin-top: 6px;
     border-radius: ms.$medium-radius;
     padding: 2px;
@@ -94,7 +94,7 @@
     }
   }
 
-  [class*="jumpToPresentBar-"] {
+  [class*="jumpToPresentBar"] {
     margin-bottom: 6px;
     padding: 2px;
     bottom: 0;
@@ -114,6 +114,6 @@
 }
 
 // divider
-.divider-IqmEqJ {
+.divider__8cf56 {
   border-top: thin solid rgba(230, 230, 230, 0.06);
 }
diff --git a/src/scss/components/_popout-containers.scss b/src/scss/components/_popout-containers.scss
index 77a66f8..85a626a 100644
--- a/src/scss/components/_popout-containers.scss
+++ b/src/scss/components/_popout-containers.scss
@@ -39,7 +39,7 @@
 }
 
 // replace standard root background color
-.theme-dark .root-g14mjS {
+.theme-dark .root_a28985 {
   background-color: tc.$background-primary;
 }
 
diff --git a/src/scss/components/_right-bar-container.scss b/src/scss/components/_right-bar-container.scss
index 0239e25..2373b14 100644
--- a/src/scss/components/_right-bar-container.scss
+++ b/src/scss/components/_right-bar-container.scss
@@ -3,32 +3,32 @@
 @use '../animations/ripple-effect' as anim;
 
 // adding spaces
-.membersWrap-3NUR2t, .container-2o3qEW {
-  margin: 0 10px 10px 0;
+.membersWrap__90226, .container_b2ce9c {
+  margin: 10px 10px 10px 0;
   border-radius: ms.$big-radius;
   height: auto;
 }
 
-.container-2o3qEW .membersWrap-3NUR2t, .membersWrap-3NUR2t {
+.container_b2ce9c .membersWrap__90226, .membersWrap__90226 {
   // to make border radius work, we have to apply here too
   border-radius: ms.$big-radius;
 
-  .members-3WRCEx {
+  .members__9f47b {
     border-radius: inherit;
   }
 
   // member item
-  .layout-1qmrhw {
+  .layout_bb8e67 {
     position: relative;
     overflow: hidden;
     border-radius: ms.$medium-radius;
 
-    .layout-1qmrhw .content-1U25dZ * {
-      transition: color 0.2s;
+    .botTagRegular_c89c9a {
+      color: tc.$text-alt;
     }
   }
 
-  .layout-1qmrhw::after {
+  .layout_bb8e67::after {
     border-radius: 50%;
     background-color: rgba(55,55,55, 0.6);
     content:'';
@@ -39,35 +39,35 @@
     opacity:0;
   }
 
-  .member-2gU6Ar.selected-1-Z6gm {
-    .layout-1qmrhw::after {
+  .member_aa4760.selected__9800b {
+    .layout_bb8e67::after {
       width:230px;
       height:230px;
       animation: ripple-effect-for-channels 0.350s;
       animation-iteration-count: 1;
     }
 
-    .layout-1qmrhw .content-1U25dZ * {
+    .layout_bb8e67 .content_a6999d * {
       color: tc.$text-alt;
     }
   }
 
-  .member-2gU6Ar:active {
-    .layout-1qmrhw .content-1U25dZ * {
+  .member_aa4760:active {
+    .layout_bb8e67 .content_a6999d * {
       color: tc.$text-muted;
     }
   }
 }
 
 // now playing column
-.nowPlayingColumn-1eCBCN {
+.nowPlayingColumn_f5023f {
   background: tc.$background-secondary;
   border-radius: ms.$big-radius;
   margin: 0 10px 10px 10px;
 
-  .container-1oAagU {
+  .container__0a6a9 {
     background-color: transparent;
-    .scroller-hE2gWq {
+    .scroller__00e7e {
       border: none;
     }
   }
@@ -115,4 +115,4 @@
       border-radius: ms.$big-radius;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/scss/components/_servers-bar-container.scss b/src/scss/components/_servers-bar-container.scss
index 478db10..041eaa9 100644
--- a/src/scss/components/_servers-bar-container.scss
+++ b/src/scss/components/_servers-bar-container.scss
@@ -2,12 +2,12 @@
 @use '../abstracts/general-colors' as gc;
 @use '../abstracts/measurements' as ms;
 
-.guilds-2JjMmN.wrapper-1_HaEi {
+.guilds__2b93a.wrapper_a7e7a8 {
   margin: 10px;
   background-color: transparent;
   border-radius: ms.$big-radius;
 
-  ul[role="tree"] .scroller-3X7KbA {
+  ul[role="tree"] .scroller__3d071 {
     background-color: tc.$background-tertiary;
   }
 
@@ -17,17 +17,28 @@
   }
 
   // replace standard items color
-  .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub {
+  .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c, .wrapper_d281dd.selected_f5ec8e .wrapper__3af0b:hover .childWrapper__01b9c {
     color: tc.$text-alt;
   }
+
+  .wrapper_d281dd[data-list-item-id="guildsnav___home"] {
+    &.selected_f5ec8e .childWrapper__01b9c {
+      color: tc.$text-alt;
+      background-color: tc.$interactive-hover;
+    }
+
+    .childWrapper__01b9c {
+      color: tc.$text-normal;
+    }
+  }
 }
 
 // circle buttons
-.circleIconButton-1VxDrg {
+.circleIconButton_d8df29 {
   color: tc.$interactive-normal;
 
-  &.selected-2r1Hvo {
+  &.selected__5250e {
     color: tc.$text-alt;
     background-color: tc.$interactive-hover;
   }
-}
\ No newline at end of file
+}
diff --git a/src/scss/components/_spaced-elements-style.scss b/src/scss/components/_spaced-elements-style.scss
index b489026..f7ea1a8 100644
--- a/src/scss/components/_spaced-elements-style.scss
+++ b/src/scss/components/_spaced-elements-style.scss
@@ -10,24 +10,38 @@
   display: none;
 }
 
-.tabBody-2dgbAs:before  {
+.tabBody_b3d268:before  {
   display: none;
 }
 
-.tabBody-2dgbAs .peopleColumn-1wMU14 {
+.tabBody_b3d268 .peopleColumn__51df3 {
   background-color: tc.$background-spacing;
 }
 
-.bg-1QIAus {
+.bg__12180 {
   background-color: tc.$background-spacing;
 }
 
-.peopleListItem-u6dGxF {
+.peopleListItem_d14722 {
   border-top: tc.$dark-border;
 }
 
 // call
-.videoControls-353CsJ .justifyCenter-rrurWZ .wrapper-3t3Yqv div {
+.videoControls-353CsJ .justifyCenter-rrurWZ .wrapper-3t3Yqv div, .panels__58331 .container_d667ff {
+  button[aria-label="Disconnect"] {
+    background-color: gc.$color3;
+    color: tc.$text-alt;
+    div svg {
+      color: inherit;
+    }
+  }
+}
+
+.panels__58331 .container_d667ff {
+  border-radius: ms.$big-radius ms.$big-radius 0 0;
+}
+
+.videoControls__40f61 .justifyCenter__4080c .wrapper__3f3a7 div {
   border-radius: 100%;
 
   div:first-of-type {
@@ -43,12 +57,4 @@
       }
     }
   }
-
-  button[aria-label="Disconnect"] {
-    background-color: gc.$color3;
-    color: tc.$text-alt;
-    div svg {
-      color: inherit;
-    }
-  }
-}
\ No newline at end of file
+}
diff --git a/src/scss/components/_special-sections.scss b/src/scss/components/_special-sections.scss
index ffac230..c0e6d1d 100644
--- a/src/scss/components/_special-sections.scss
+++ b/src/scss/components/_special-sections.scss
@@ -2,34 +2,31 @@
 @use '../abstracts/theme-colors' as tc;
 
 // browse channels section
-.chat-2ZfjoI .container-2IKOsH, .chat-2ZfjoI.container-1um7CU {
-  background-color: tc.$background-primary;
+.container__5c7e7 .container__0a6a9, .chatContent__5dca8 {
+  border-radius: ms.$medium-radius;
 }
 
-.content-1jQy2l.container-2IKOsH, .content-1jQy2l.container-2IKOsH .chat-2ZfjoI {
-  border-radius: ms.$medium-radius;
-  margin: 10px 10px 10px 0;
+.chatContent__5dca8 {
+  background: transparent;
 }
 
-// server home section
-.content-1SgpWY {
-  .background-fkKrXt {
-    background-color: unset;
-  
-    .content-1jQy2l {
-      margin: 0 10px 10px 0;
-      border-radius: ms.$medium-radius;
-      background-color: tc.$background-primary;
+.container__5c7e7 .nowPlayingColumn_f5023f {
+  margin: 0 10px 10px 0;
+  background-color: unset;
+}
 
-      .homeContent-2_a0jF {
-        .interactiveCard-2iMtdk.selected-sszUNx {
-          border: 1px solid transparent;
-        }
+.container__5c7e7 .nowPlayingColumn_f5023f .scroller__00e7e {
+  border-left: unset;
+}
+
+// server home section
+.container__5c7e7 {
+  background-color: unset;
 
-        .interactiveCard-2iMtdk:active, .interactiveCard-2iMtdk:hover {
-          border: 1px solid var(--background-modifier-accent);
-        }
-      }
-    }
+  .peopleColumn__51df3 {
+    margin: 10px 10px 10px 10px;
+    border-radius: ms.$medium-radius;
+    background-color: tc.$background-primary;
+    box-shadow: tc.$box-shadow;
   }
 }
diff --git a/src/scss/components/_top-bar-container.scss b/src/scss/components/_top-bar-container.scss
index 4de45de..53bb24a 100644
--- a/src/scss/components/_top-bar-container.scss
+++ b/src/scss/components/_top-bar-container.scss
@@ -2,49 +2,52 @@
 @use '../abstracts/general-colors' as gc;
 @use '../abstracts/measurements' as ms;
 
-.title-31SJ6t, .container-ZMc96U {
+.title_b7d661, .container__11d72 {
   width: auto;
 
-  .searchBar-zdmu7v {
+  .searchBar_e0c60b {
     background-color: unset;
   }
 
-  a.anchor-1MIwyf div svg {
+  a.anchor_c8ddc0 div svg, a.anchor_c8ddc0:hover div svg {
     color: gc.$color5;
   }
 
-  .children-3xh0VB::after {
+  .children__32014::after {
     background: -webkit-gradient(linear,left top,right top,from(rgba(54,57,63,0)),to(tc.$background-secondary));
     background: linear-gradient(90deg, rgba(54,57,63,0) 0, tc.$background-secondary);
   }
 }
 
 // for channels bar
-.title-31SJ6t.container-ZMc96U.themed-Hp1KC_ {
-  background: transparent;
-}
+// .title_b7d661.container__11d72 {
+//   background: transparent;
+// }
 
 // spacing topbar
-.container-ZMc96U.themed-Hp1KC_ {
+.container__11d72.themed_b152d4 {
   // standard
   border-radius: ms.$big-radius;
-  margin: 10px 10px 10px 10px;
+  margin: 10px 10px 0 10px;
   background: tc.$background-secondary;
 
   // tab items
-  .children-3xh0VB .tabBar-ra-EuL [role="tab"] {
+  .children__32014 .tabBar__73938  [role="tab"] {
     border-radius: ms.$small-radius;
-  }
+    &[aria-selected="true"] {
+      color: tc.$text-alt;
 
-  .children-3xh0VB .tabBar-ra-EuL [role="tab"].selected-g-kMVV {
-    color: tc.$text-alt;
+      &:focus-within {
+        color: tc.$text-alt;
+      }
 
-    &:hover {
-      color: tc.$text-normal;
+      &:hover {
+        color: tc.$text-normal;
+      }
     }
   }
 
-  .children-3xh0VB .tabBar-ra-EuL [role="tab"][aria-controls="add_friend-tab"] {
+  .children__32014 .tabBar__73938 .addFriend__80542[role="tab"] {
     color: tc.$text-alt!important;
     background-color: gc.$color11!important;
     transition: filter 0.2s;
@@ -55,38 +58,36 @@
   }
 
   // top-bar in channels
-  &.title-31SJ6t[aria-label="Channel header"] {
+  &.title_b7d661[aria-label="Channel header"] {
     position: relative;
     border: none;
     padding: 0;
 
-    .children-3xh0VB {
+    .children__32014 {
       background: tc.$background-secondary;
-      padding: 12px;
-      margin: 10px 0 10px 0;
+      padding: 0 12px;
       border-radius: ms.$big-radius 0 0 ms.$big-radius;
     }
 
-    .toolbar-3_r2xA {
+    .toolbar__88c63 {
       background: transparent;
-      margin: 10px 0 10px 0;
       border-radius: 0 ms.$big-radius ms.$big-radius 0;
 
       // separate / spacing elements in toolbar
-      .icon-1ELUnB, .iconWrapper-2awDjA[aria-label="Start Voice Call"] {
+      .icon__88ea8, .iconWrapper_af9215[aria-label="Start Voice Call"] {
         padding-left: 16px!important;
         border-radius: ms.$big-radius 0 0 ms.$big-radius;
       }
 
-      .anchor-1MIwyf {
-        .iconWrapper-2awDjA {
+      .anchor_c8ddc0 {
+        .iconWrapper_af9215 {
           padding-right: 16px;
           border-radius: 0 ms.$big-radius ms.$big-radius 0;
         }
       }
 
       // toolbar standard items
-      .iconWrapper-2awDjA {
+      .iconWrapper_af9215 {
         background: tc.$background-secondary;
         margin: 0;
         padding: 0 7.6px;
@@ -99,7 +100,7 @@
         }
 
         // notify icon badge
-        .iconBadge-3Mmg92 {
+        .iconBadge_cc5031 {
           bottom: 12px;
           right: 10px;
           background: gc.$color3;
@@ -110,11 +111,10 @@
 
 
       // search bar
-      .search-39IXmY {
+      .searchBar_e0c60b {
         margin: 0 10px 0 0;
         order: -1;
         background: tc.$background-secondary;
-        padding: 12px;
         border-radius: 0 ms.$big-radius ms.$big-radius 0;
         transition: all 0.25s ease;
         -webkit-transition: width 0.25s ease;
@@ -124,6 +124,6 @@
 }
 
 // coloring background for server home section top bar
-.title-31SJ6t.container-ZMc96U.themed-Hp1KC_ {
+.title_b7d661.container__11d72.themed_b152d4 {
   background: tc.$background-secondary;
 }