diff --git a/changelog.md b/changelog.md
index a62320f..7a0af5b 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,6 @@
 # Changelog
 ## Jul 15, 2023
+### Fixed the bug that background color cannot be changed in 'Controller Input Display'
 ### Ported 'FastForward', 'InstantRestart', 'SpawnYoshi', 'StageIntroSkip' to all versions
 
 ## Jul 9, 2023
diff --git a/site/.vuepress/components/codes/controller/codegen.js b/site/.vuepress/components/codes/controller/codegen.js
index e0c1166..068e7ce 100644
--- a/site/.vuepress/components/codes/controller/codegen.js
+++ b/site/.vuepress/components/codes/controller/codegen.js
@@ -64,7 +64,7 @@ export default function codegen(version, baseCode) {
     // mtx.y
     int2hex(y - 16, 2),
     // .conf.bg.color
-    int2hex((bgRGB << 24) | bgA, 4),
+    int2hex((bgRGB << 8) | bgA, 4),
     // .conf.trigger.fill
     int2hex(cTF, 4),
     // .conf.trigger.stroke
diff --git a/site/.vuepress/components/codes/controller/config.vue b/site/.vuepress/components/codes/controller/config.vue
index f2f6aaa..80e1679 100644
--- a/site/.vuepress/components/codes/controller/config.vue
+++ b/site/.vuepress/components/codes/controller/config.vue
@@ -25,7 +25,7 @@
 <script>
 import { defaultConfig, lskey, getConfig } from './codegen.js';
 import hiddenConfig from './hidden.js';
-import { makeUpdateConfig, makeGetLabel, rgbI2S } from '../utils';
+import { makeUpdateConfig, makeGetLabel, rgbI2S, rgbS2I } from '../utils';
 import labels from '../labels.json';
 
 const updateConfig = makeUpdateConfig(lskey, defaultConfig, null, hiddenConfig);
@@ -36,6 +36,7 @@ export default {
   methods: {
     updateConfig,
     rgbI2S,
+    rgbS2I,
   },
   data() {
     const config = getConfig();