diff --git a/ui/src/App.vue b/ui/src/App.vue
index 225a9c0ed42..f21947b868e 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -16,11 +16,11 @@
 // under the License.
 
 <template>
-  <a-locale-provider :locale="locale">
+  <a-config-provider :locale="locale">
     <div id="app">
       <router-view/>
     </div>
-  </a-locale-provider>
+  </a-config-provider>
 </template>
 
 <script>
diff --git a/ui/src/core/lazy_lib/components_use.js b/ui/src/core/lazy_lib/components_use.js
index 24752f99fba..81ddb253e0a 100644
--- a/ui/src/core/lazy_lib/components_use.js
+++ b/ui/src/core/lazy_lib/components_use.js
@@ -18,7 +18,7 @@
 /* eslint-disable */
 import Vue from 'vue'
 import {
-  LocaleProvider,
+  ConfigProvider,
   Layout,
   Input,
   InputNumber,
@@ -59,7 +59,7 @@ import {
   notification
 } from 'ant-design-vue'
 
-Vue.use(LocaleProvider)
+Vue.use(ConfigProvider)
 Vue.use(Layout)
 Vue.use(Input)
 Vue.use(InputNumber)