diff --git a/app/assets/javascripts/admin/components/site-setting.js.es6 b/app/assets/javascripts/admin/components/site-setting.js.es6
index 5ae8adb9f88..5a3c8c6577b 100644
--- a/app/assets/javascripts/admin/components/site-setting.js.es6
+++ b/app/assets/javascripts/admin/components/site-setting.js.es6
@@ -21,7 +21,7 @@ export default Ember.Component.extend(BufferedContent, ScrollTop, {
 
   @computed('componentType')
   typeClass(componentType) {
-    return componentType.replace(/\_/g, ' ');
+    return componentType.replace(/\_/g, '-');
   },
 
   @computed("setting.setting")