diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 36f511468..d78de8ea5 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.8.7",
+  "version": "4.8.8",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/pages/home_preference.page.jsx b/packages/ui-default/pages/home_preference.page.jsx
index c5ad01000..76275de03 100644
--- a/packages/ui-default/pages/home_preference.page.jsx
+++ b/packages/ui-default/pages/home_preference.page.jsx
@@ -114,11 +114,10 @@ const page = new NamedPage('home_preference', async () => {
     }
     setOptions($('#codelang-main-select'), main);
     const current = $('[name="codeLang"]').val();
-    console.log(current);
     if (current.includes('.')) {
       const [m, s] = current.split('.');
       $('#codelang-main-select').val(m);
-      $('#codelang-sub-select').val(s);
+      $('#codelang-sub-select').val(s).show();
     } else $('#codelang-main-select').val(current);
 
     if (success) {
diff --git a/packages/ui-default/pages/problem_submit.page.js b/packages/ui-default/pages/problem_submit.page.js
index c18be6119..d62db621d 100644
--- a/packages/ui-default/pages/problem_submit.page.js
+++ b/packages/ui-default/pages/problem_submit.page.js
@@ -35,7 +35,7 @@ const page = new NamedPage('problem_submit', async () => {
   if (current.includes('.')) {
     const [m, s] = current.split('.');
     $('#codelang-main-select').val(m);
-    $('#codelang-sub-select').val(s);
+    $('#codelang-sub-select').val(s).show();
   } else $('#codelang-main-select').val(current);
 });
 
diff --git a/packages/ui-default/utils/substitute.js b/packages/ui-default/utils/substitute.js
index 739720252..753c228fa 100644
--- a/packages/ui-default/utils/substitute.js
+++ b/packages/ui-default/utils/substitute.js
@@ -1,8 +1,11 @@
+/**
+ * @param {string} str
+ * @param {any} obj
+ * @returns {string}
+ */
 export default function substitute(str, obj) {
   return str.replace(/\{([^{}]+)\}/g, (match, key) => {
-    if (obj[key] !== undefined) {
-      return String(obj[key]);
-    }
+    if (obj[key] !== undefined) return obj[key].toString();
     return `{${key}}`;
   });
 }