diff --git a/html/src/app.dark.scss b/html/src/app.dark.scss
index 4c1e5384..74f4dbb6 100644
--- a/html/src/app.dark.scss
+++ b/html/src/app.dark.scss
@@ -35,7 +35,8 @@ button {
     background-color: rgba(0, 0, 0, 0.6);
 }
 
-.el-input__inner {
+.el-input__inner,
+.el-input .el-input__count .el-input__count-inner {
     color: #fff;
     background-color: #444;
     border: #333;
diff --git a/html/src/app.js b/html/src/app.js
index fe331f59..9fd39fb8 100644
--- a/html/src/app.js
+++ b/html/src/app.js
@@ -1240,6 +1240,9 @@ speechSynthesis.getVoices();
             if (ref.location !== ref.$location.tag) {
                 ref.$location = this.parseLocation(ref.location);
             }
+            if (ref.statusDescription) {
+                ref.statusDescription = ref.statusDescription.substring(0, 32);
+            }
             ref.$isVRCPlus = ref.tags.includes('system_supporter');
             this.applyUserTrustLevel(ref);
             this.applyUserLanguage(ref);
diff --git a/html/src/index.pug b/html/src/index.pug
index abd8fa23..625e9870 100644
--- a/html/src/index.pug
+++ b/html/src/index.pug
@@ -1470,7 +1470,7 @@ html
                 div(v-loading="socialStatusDialog.loading")
                     el-select(v-model="socialStatusDialog.status" style="dispaly:block")
                         el-option(label="Online" value="active").
-                            #[i.x-user-status.active] Online
+                            #[i.x-user-status.online] Online
                         el-option(label="Join Me" value="join me").
                             #[i.x-user-status.joinme] Join Me
                         el-option(label="Ask Me" value="ask me").
@@ -1479,7 +1479,7 @@ html
                             #[i.x-user-status.busy] Do Not Disturb
                         el-option(label="Offline" value="offline").
                             #[i.x-user-status.offline] Offline
-                    el-input(v-model="socialStatusDialog.statusDescription" placeholder="Status" style="dispaly:block;margin-top:10px")
+                    el-input(v-model="socialStatusDialog.statusDescription" placeholder="Status" maxlength="32" show-word-limit style="dispaly:block;margin-top:10px")
                 template(#footer)
                     el-button(type="primary" size="small" :disabled="socialStatusDialog.loading" @click="saveSocialStatus") Update