diff --git a/html/src/app.dark.scss b/html/src/app.dark.scss
index 006c494a..019e92a9 100644
--- a/html/src/app.dark.scss
+++ b/html/src/app.dark.scss
@@ -125,6 +125,7 @@ button {
 .el-button.is-disabled,
 .el-button.is-disabled:focus,
 .el-button.is-disabled:hover {
+    color: #c0c4cc;
     background-color: #292929;
     border-color: #3d3d3d;
 }
diff --git a/html/src/app.js b/html/src/app.js
index 132f6a28..9ca8a0d3 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -1114,15 +1114,17 @@ speechSynthesis.getVoices();
             ref.$trustNum = 1;
         }
         ref.$trustColor = ref.$trustClass;
+        if (ref.$isTroll) {
+            ref.$trustColor = 'x-tag-troll';
+            ref.$trustNum += 0.1;
+        }
+        if (ref.$isLegend) {
+            ref.$trustColor = 'x-tag-legendary';
+            ref.$trustNum += 0.2;
+        }
         if (ref.$isModerator) {
             ref.$trustColor = 'x-tag-vip';
-            ref.$trustNum = 8;
-        } else if (ref.$isTroll) {
-            ref.$trustColor = 'x-tag-troll';
-            ref.$trustNum = 0;
-        } else if (ref.$isLegend) {
-            ref.$trustColor = 'x-tag-legendary';
-            ref.$trustNum = 7;
+            ref.$trustNum += 0.3;
         }
     };
 
diff --git a/html/src/index.pug b/html/src/index.pug
index e8a66c9b..cd814f10 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -705,16 +705,16 @@ html
                         el-switch(v-model="orderFriendsGroupGPS")
                     div.options-container-item
                         span.name VIP
-                        el-switch(v-model="orderFriendsGroup0" inactive-text="by name" active-text="by state")
+                        el-switch(v-model="orderFriendsGroup0" inactive-text="alphabetical" active-text="online for")
                     div.options-container-item
                         span.name Online
-                        el-switch(v-model="orderFriendsGroup1" inactive-text="by name" active-text="by state")
+                        el-switch(v-model="orderFriendsGroup1" inactive-text="alphabetical" active-text="online for")
                     div.options-container-item
                         span.name Active
-                        el-switch(v-model="orderFriendsGroup2" inactive-text="by name" active-text="by state")
+                        el-switch(v-model="orderFriendsGroup2" inactive-text="alphabetical" active-text="online for")
                     div.options-container-item
                         span.name Offline
-                        el-switch(v-model="orderFriendsGroup3" inactive-text="by name" active-text="by state")
+                        el-switch(v-model="orderFriendsGroup3" inactive-text="alphabetical" active-text="online for")
                     div.options-container
                         span.header Trust Rank Colors
                         div.options-container-item