diff --git a/assets/js/translatehtml.js b/assets/js/translatehtml.js
index e3ed537c9e..486ac88824 100644
--- a/assets/js/translatehtml.js
+++ b/assets/js/translatehtml.js
@@ -28,9 +28,9 @@ export default function translateHtml() {
     }
 
     // it checks content from old version
-    const langs = document.querySelectorAll(
-      "span[lang]:not(.mce-translatehtml)"
-    );
+    const langSpans = document.querySelectorAll('span[lang]');
+    const langs = [...langSpans].filter(span => !span.classList.contains('mce-translatehtml'));
+
     if (langs.length > 0) {
       // it hides all contents with lang
       langs.forEach(function (el) {
diff --git a/assets/vue/store/platformConfig.js b/assets/vue/store/platformConfig.js
index 6b08086f32..49aab416b5 100644
--- a/assets/vue/store/platformConfig.js
+++ b/assets/vue/store/platformConfig.js
@@ -6,7 +6,7 @@ export const usePlatformConfig = defineStore("platformConfig", () => {
   const isLoading = ref(false);
   const settings = ref(null);
   const studentView = ref('teacherview');
-  const plugins = ref([])
+  const plugins = ref([]);
 
   function getSetting(variable) {
     if (settings.value && settings.value[variable]) {
@@ -20,17 +20,17 @@ export const usePlatformConfig = defineStore("platformConfig", () => {
     isLoading.value = true;
 
     try {
-      const { data } = await axios.get("/platform-config/list")
+      const { data } = await axios.get("/platform-config/list");
 
-      settings.value = data.settings
+      settings.value = data.settings;
 
-      studentView.value = data.studentview
+      studentView.value = data.studentview;
 
-      plugins.value = data.plugins
+      plugins.value = data.plugins;
     } catch (e) {
-      console.log(e)
+      console.log(e);
     } finally {
-      isLoading.value = false
+      isLoading.value = false;
     }
   }
 
@@ -39,7 +39,7 @@ export const usePlatformConfig = defineStore("platformConfig", () => {
   }
 
   function isStudentViewActive() {
-    return 'studentview' === studentView.value
+    return 'studentview' === studentView.value;
   }
 
   return {
diff --git a/assets/vue/views/course/CourseHome.vue b/assets/vue/views/course/CourseHome.vue
index a32fb4a61d..7eacc447a6 100644
--- a/assets/vue/views/course/CourseHome.vue
+++ b/assets/vue/views/course/CourseHome.vue
@@ -275,12 +275,7 @@ async function getIntro() {
   then(response => {
     intro.value = response.data;
     introTool.value = response.data.c_tool;
-
-
-    console.log('response.data ',response.data);
-
     createInSession.value = response.data.createInSession;
-    translateHtml();
   }).catch(function (error) {
     console.log(error);
   });
@@ -409,6 +404,9 @@ const isAllowedToEdit = ref(false)
 
 onMounted(async () => {
   isAllowedToEdit.value = await checkIsAllowedToEdit()
+  setTimeout(() => {
+    translateHtml();
+  }, 1000);
 })
 
 const onStudentViewChanged = async () => {