diff --git a/launcher/src/components/UI/edit-page/components/changes/ChangesBox.vue b/launcher/src/components/UI/edit-page/components/changes/ChangesBox.vue
index 1e0cdae94..9976d32be 100644
--- a/launcher/src/components/UI/edit-page/components/changes/ChangesBox.vue
+++ b/launcher/src/components/UI/edit-page/components/changes/ChangesBox.vue
@@ -11,7 +11,7 @@
           class="w-full h-10 border border-gray-500 shadow-md shadow-black p-1 rounded-md grid grid-cols-6 hover:border-gray-300 cursor-pointer"
           :class="contentBgColor(item)"
           @click="removeChange(item)"
-          @mouseenter="footerStore.cursorLocation = `Click here to cancel this change`"
+          @mouseenter="footerStore.cursorLocation = `${clickToCancel}`"
         >
           <div class="col-start-1 col-span-1 w-full self-center flex justify-center items-center">
             <img class="w-6" :src="item.contentIcon" alt="icon" />
@@ -38,6 +38,12 @@ import { useFooter } from "@/store/theFooter";
 import { useNodeManage } from "@/store/nodeManage";
 import { computed } from "vue";
 
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const clickToCancel = t("changesBox.clickToCancel");
+
 const footerStore = useFooter();
 const emit = defineEmits(["remove-change"]);
 
diff --git a/launcher/src/components/UI/edit-page/components/drawer/DrawerBox.vue b/launcher/src/components/UI/edit-page/components/drawer/DrawerBox.vue
index 10a743ff5..1b67d9a7e 100644
--- a/launcher/src/components/UI/edit-page/components/drawer/DrawerBox.vue
+++ b/launcher/src/components/UI/edit-page/components/drawer/DrawerBox.vue
@@ -17,7 +17,7 @@ import { useServices } from '@/store/services';
           draggable="true"
           @dragstart="dragStart($event, service)"
           @dblclick="addServices(service)"
-          @mouseenter="footerStore.cursorLocation = `${service.name} service`"
+          @mouseenter="footerStore.cursorLocation = `${service.name} ${serv}`"
         >
           <img :src="service.sIcon" alt="Client Icon" class="w-14 mx-auto" />
           <p
@@ -44,6 +44,11 @@ import { useServices } from '@/store/services';
 import DrawerFilter from "./DrawerFilter.vue";
 import { useServices } from "@/store/services";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const serv = t("serviceLay.srvice");
 
 const footerStore = useFooter();
 const props = defineProps({
diff --git a/launcher/src/components/UI/edit-page/components/edit/ClientLayout.vue b/launcher/src/components/UI/edit-page/components/edit/ClientLayout.vue
index 9329642ba..17dc390b4 100755
--- a/launcher/src/components/UI/edit-page/components/edit/ClientLayout.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/ClientLayout.vue
@@ -5,7 +5,7 @@ import { computed, ref } from 'vue';
     :class="{ 'opacity-25': client.displayPluginMenu }"
     @pointerdown.prevent.stop
     @mousedown.prevent.stop
-    @mouseenter="footerStore.cursorLocation = `click to edit the service`"
+    @mouseenter="footerStore.cursorLocation = `${clkEdit}`"
     @mouseleave="footerStore.cursorLocation = ''"
   >
     <div class="flex flex-col justify-center items-center gap-2">
@@ -41,6 +41,12 @@ import { computed, ref } from 'vue';
 import { computed } from "vue";
 import { useFooter } from "@/store/theFooter";
 
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const clkEdit = t("editClientLay.clkEdit");
+
 const footerStore = useFooter();
 
 // Props
diff --git a/launcher/src/components/UI/edit-page/components/edit/GeneralMenu.vue b/launcher/src/components/UI/edit-page/components/edit/GeneralMenu.vue
index 462e264b1..f4d201486 100644
--- a/launcher/src/components/UI/edit-page/components/edit/GeneralMenu.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/GeneralMenu.vue
@@ -7,7 +7,7 @@
         src="/img/icon/manage-node-icons/connection.png"
         alt="Trash Icon"
         @click="modifyService"
-        @mouseenter="footerStore.cursorLocation = `modify ${item.name} connection`"
+        @mouseenter="footerStore.cursorLocation = `${modify} ${item.name} ${connection}`"
         @mouseleave="footerStore.cursorLocation = ''"
       />
       <img
@@ -15,7 +15,7 @@
         src="/img/icon/manage-node-icons/switch-client.png"
         alt="Trash Icon"
         @click="switchClient"
-        @mouseenter="footerStore.cursorLocation = `switch client`"
+        @mouseenter="footerStore.cursorLocation = `${switchClientTooltip}`"
         @mouseleave="footerStore.cursorLocation = ''"
       />
       <img
@@ -23,7 +23,7 @@
         src="/img/icon/manage-node-icons/trash.png"
         alt="Trash Icon"
         @click="deleteService"
-        @mouseenter="footerStore.cursorLocation = `delete ${item.name} service`"
+        @mouseenter="footerStore.cursorLocation = `${deleteServiceTooltip} ${item.name} ${service}`"
         @mouseleave="footerStore.cursorLocation = ''"
       />
       <img
@@ -31,7 +31,7 @@
         src="/img/icon/manage-node-icons/info.png"
         alt="Trash Icon"
         @click="infoModal"
-        @mouseenter="footerStore.cursorLocation = `info ${item.name} service`"
+        @mouseenter="footerStore.cursorLocation = `${info} ${item.name} ${service}`"
         @mouseleave="footerStore.cursorLocation = ''"
       />
     </div>
@@ -40,6 +40,16 @@
 
 <script setup>
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const modify = t("generalMenu.modify");
+const connection = t("generalMenu.connection");
+const switchClientTooltip = t("generalMenu.switchClient");
+const deleteServiceTooltip = t("generalMenu.delete");
+const service = t("generalMenu.service");
+const info = t("generalMenu.info");
 
 const footerStore = useFooter();
 const props = defineProps({
diff --git a/launcher/src/components/UI/edit-page/components/edit/NetworkDetails.vue b/launcher/src/components/UI/edit-page/components/edit/NetworkDetails.vue
index 00ecd9923..d320b28ea 100644
--- a/launcher/src/components/UI/edit-page/components/edit/NetworkDetails.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/NetworkDetails.vue
@@ -3,10 +3,12 @@ import { useNodeManage } from '@/store/nodeManage';
   <div
     class="col-start-7 col-span-3 flex flex-col justify-between items-center bg-[#151618] border h-full border-gray-600 rounded-md px-2 py-1"
     style="cursor: default"
-    @mouseenter="footerStore.cursorLocation = `Current Network is ${network.name}`"
+    @mouseenter="footerStore.cursorLocation = `${currIs} ${network.name}`"
     @mouseleave="footerStore.cursorLocation = ''"
   >
-    <div class="w-full self-start text-xs font-semibold text-teal-700">Current Network</div>
+    <div class="w-full self-start text-xs font-semibold text-teal-700">
+      {{ $t("networkDetails.currentNet") }}
+    </div>
     <div class="w-full flex justify-center items-center">
       <img v-if="network.icon" :src="network.icon" alt="Networks" class="w-5 mr-1" />
       <span class="text-md text-gray-300 text-left overflow-hidden whitespace-pre">{{ network.name }}</span>
@@ -17,6 +19,11 @@ import { useNodeManage } from '@/store/nodeManage';
 import { useNodeManage } from "@/store/nodeManage";
 import { watchEffect, ref } from "vue";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const currIs = t("networkDetails.currIs");
 
 const footerStore = useFooter();
 const manageStore = useNodeManage();
diff --git a/launcher/src/components/UI/edit-page/components/edit/ServerDetails.vue b/launcher/src/components/UI/edit-page/components/edit/ServerDetails.vue
index d64f35359..4953e1f72 100644
--- a/launcher/src/components/UI/edit-page/components/edit/ServerDetails.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/ServerDetails.vue
@@ -5,7 +5,7 @@
   >
     <div
       class="w-full flex justify-center items-center px-2 h-[25px]"
-      @mouseenter="footerStore.cursorLocation = `server name`"
+      @mouseenter="footerStore.cursorLocation = `${machineName}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <span class="text-md font-semibold ml-1 text-yellow-500 overflow-hidden whitespace-pre text-center">{{
@@ -15,7 +15,7 @@
     <div
       v-if="controlStore.ipAddress"
       class="w-full flex justify-center items-center px-2 h-[25px]"
-      @mouseenter="footerStore.cursorLocation = `server ip`"
+      @mouseenter="footerStore.cursorLocation = `${machineIp}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <span class="text-xs text-left text-gray-100 overflow-hidden whitespace-pre ml-[5px]">IP :</span>
@@ -28,6 +28,12 @@ import { useControlStore } from "@/store/theControl";
 import { onMounted } from "vue";
 import ControlService from "@/store/ControlService";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const machineName = t("serverDetails.machineName");
+const machineIp = t("serverDetails.machineIp");
 
 const controlStore = useControlStore();
 const footerStore = useFooter();
diff --git a/launcher/src/components/UI/edit-page/sections/ChangesSection.vue b/launcher/src/components/UI/edit-page/sections/ChangesSection.vue
index 26277d937..3b95aa36a 100644
--- a/launcher/src/components/UI/edit-page/sections/ChangesSection.vue
+++ b/launcher/src/components/UI/edit-page/sections/ChangesSection.vue
@@ -17,7 +17,7 @@
         v-else-if="editStore.confirmChanges.length"
         class="w-full h-[34px] rounded-full bg-[#264744] hover:bg-[#325e5a] px-2 text-gray-200 active:scale-95 shadow-md shadow-zinc-800 active:shadow-none transition-all duration-200 ease-in-out uppercase text-sm"
         @click="confirmChanges"
-        @mouseenter="footerStore.cursorLocation = `Click here to confirm change(s)`"
+        @mouseenter="footerStore.cursorLocation = `${clkConfirm}`"
       >
         {{ $t("changeConfirm.confirm") }}
       </button>
@@ -36,6 +36,11 @@
 import { useNodeManage } from "@/store/nodeManage";
 import ChangesBox from "../components/changes/ChangesBox";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const clkConfirm = t("changeSect.clkConfirm");
 
 const footerStore = useFooter();
 const emit = defineEmits(["remove-change", "confirm-changes"]);
diff --git a/launcher/src/components/UI/edit-page/sections/SidebarSection.vue b/launcher/src/components/UI/edit-page/sections/SidebarSection.vue
index 8b3d217fb..8fdce5346 100644
--- a/launcher/src/components/UI/edit-page/sections/SidebarSection.vue
+++ b/launcher/src/components/UI/edit-page/sections/SidebarSection.vue
@@ -4,7 +4,7 @@
       <div
         class="col-span-1 row-start-1 row-end-2 p-1 rounded-md text-gray-700 focus:outline-nones transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center"
         @click="hoverRouter"
-        @mouseenter="footerStore.cursorLocation = `To the Node Page`"
+        @mouseenter="footerStore.cursorLocation = `${toNode}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-8" src="/img/icon/node-icons/edit-node.png" alt="Manage Icon" />
@@ -17,13 +17,13 @@
           @mouseleave="routerHovered = false"
         >
           <img class="w-6 mr-1" src="/img/icon/node-icons/edit-node.png" alt="Manage Icon" />
-          <span class="text-sm text-gray-200 font-semibold">Back To Node</span>
+          <span class="text-sm text-gray-200 font-semibold">{{ $t("sidebarSect.toNode") }}</span>
         </router-link>
       </Transition>
       <button
         class="col-span-1 row-start-2 row-end-3 p-1 rounded-md text-gray-700 focus:outline-nones transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center"
         @click="hoverNetwork"
-        @mouseenter="footerStore.cursorLocation = `Switch Network`"
+        @mouseenter="footerStore.cursorLocation = `${setchNet}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-6" src="/img/icon/manage-node-icons/change-network.png" alt="Network" />
@@ -36,14 +36,14 @@
           @click="networkModal"
         >
           <img class="w-4 mr-1" src="/img/icon/manage-node-icons/change-network.png" alt="Network Icon" />
-          <span class="text-sm text-gray-200 font-semibold">Switch Network</span>
+          <span class="text-sm text-gray-200 font-semibold">{{ setchNet }}</span>
         </button>
       </Transition>
 
       <button
         class="row-start-3 row-end-4 p-1 rounded-md text-gray-700 focus:outline-nones transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center"
         @click="hoverNuke"
-        @mouseenter="footerStore.cursorLocation = `Nuke the Node`"
+        @mouseenter="footerStore.cursorLocation = `${nukTheNud}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-6" src="/img/icon/manage-node-icons/nuke.png" alt="Export Icon" />
@@ -56,7 +56,7 @@
           @click="nukeNode"
         >
           <img class="w-4" src="/img/icon/manage-node-icons/nuke.png" alt="Export Icon" />
-          <span class="text-xs text-gray-200 font-semibold">Nuke Node</span>
+          <span class="text-xs text-gray-200 font-semibold">{{ $t("sidebarSect.nukNod") }}</span>
         </button>
       </Transition>
     </div>
@@ -65,6 +65,13 @@
 <script setup>
 import { ref } from "vue";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const toNode = t("sidebarSect.toNode");
+const setchNet = t("sidebarSect.setchNet");
+const nukTheNud = t("sidebarSect.nukTheNud");
 
 const routerHovered = ref(false);
 const networkHovered = ref(false);
diff --git a/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue b/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue
index 58df926bb..589dbf016 100755
--- a/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue
+++ b/launcher/src/components/UI/node-page/components/alert/NodeAlert.vue
@@ -14,7 +14,9 @@
         <div
           class="status-icon"
           :class="{
-            active: stereumUpdate.current !== stereumUpdate.version || updatedNewUpdates.length > 0,
+            active:
+              stereumUpdate.current !== stereumUpdate.version ||
+              updatedNewUpdates.length > 0,
           }"
         >
           <img src="/img/icon/control/SETTINGS.png" alt="green" />
@@ -216,7 +218,9 @@ export default {
     },
     updatedNewUpdates() {
       const updatedUpdates = this.newUpdates.map((update) => {
-        const matchingService = this.installedServices.find((service) => service.name === update.name);
+        const matchingService = this.installedServices.find(
+          (service) => service.name === update.name
+        );
         if (matchingService) {
           return {
             ...update,
@@ -281,7 +285,9 @@ export default {
       }
     },
     expertHandler(el) {
-      let selectedObject = this.installedServices.find((obj) => obj.config.serviceID === el);
+      let selectedObject = this.installedServices.find(
+        (obj) => obj.config.serviceID === el
+      );
       selectedObject.expertOptionsModal = true;
       return selectedObject;
     },
@@ -300,11 +306,15 @@ export default {
           }
           if (!validator.yaml)
             try {
-              validator.yaml = await ControlService.getServiceYAML(validator.config.serviceID);
+              validator.yaml = await ControlService.getServiceYAML(
+                validator.config.serviceID
+              );
             } catch (e) {
               console.log("couldn't get service yaml");
             }
-          const patternIndex = validator.expertOptions.findIndex((o) => o.title === "Default Fee Recipient");
+          const patternIndex = validator.expertOptions.findIndex(
+            (o) => o.title === "Default Fee Recipient"
+          );
           if (patternIndex === -1 || !validator.yaml) {
             continue;
           }
@@ -326,7 +336,8 @@ export default {
           }
         }
         const notSetAddresses = addresses.filter(
-          (validator) => validator.address === "0x0000000000000000000000000000000000000000"
+          (validator) =>
+            validator.address === "0x0000000000000000000000000000000000000000"
         );
         this.notSetAddresses = notSetAddresses;
       }
diff --git a/launcher/src/components/UI/node-page/components/node/ClientButtons.vue b/launcher/src/components/UI/node-page/components/node/ClientButtons.vue
index edb81a89e..c15bca819 100755
--- a/launcher/src/components/UI/node-page/components/node/ClientButtons.vue
+++ b/launcher/src/components/UI/node-page/components/node/ClientButtons.vue
@@ -9,7 +9,7 @@ import { useNodeStore } from '@/store/theNode';
         v-else-if="props.client.state == 'running'"
         class="w-full h-full transition-colors duration-200 rounded-md flex justify-center items-center"
         @click="stateHandler"
-        @mouseenter="footerStore.cursorLocation = 'Turn off the service'"
+        @mouseenter="footerStore.cursorLocation = `${turnOff}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img src="/img/icon/plugin-menu-icons/shutdown.png" alt="icon" class="w-4 active:scale-95" />
@@ -25,7 +25,7 @@ import { useNodeStore } from '@/store/theNode';
         v-else
         class="transition-colors duration-200 rounded-md flex justify-center items-center"
         @click="stateHandler"
-        @mouseenter="footerStore.cursorLocation = 'Turn on the service'"
+        @mouseenter="footerStore.cursorLocation = `${turnOn}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img src="/img/icon/plugin-menu-icons/turn-on.png" alt="icon" class="w-4 active:scale-95" />
@@ -34,7 +34,7 @@ import { useNodeStore } from '@/store/theNode';
     <button
       class="col-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="restartHandler"
-      @mouseenter="footerStore.cursorLocation = 'restart the service'"
+      @mouseenter="footerStore.cursorLocation = `${restart}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/plugin-menu-icons/restart.png" alt="icon" class="w-4 active:scale-95" />
@@ -42,7 +42,7 @@ import { useNodeStore } from '@/store/theNode';
     <button
       class="col-start-3 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md"
       @click="openExpert"
-      @mouseenter="footerStore.cursorLocation = 'services´ expert mode'"
+      @mouseenter="footerStore.cursorLocation = `${expert}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/plugin-menu-icons/setting2.png" alt="icon" class="w-8 active:scale-95" />
@@ -50,7 +50,7 @@ import { useNodeStore } from '@/store/theNode';
     <button
       class="col-start-1 row-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="openLog"
-      @mouseenter="footerStore.cursorLocation = 'open logs'"
+      @mouseenter="footerStore.cursorLocation = `${logs}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/log-command.png" alt="icon" class="w-4 active:scale-95" />
@@ -58,7 +58,7 @@ import { useNodeStore } from '@/store/theNode';
     <button
       class="col-start-2 row-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="openDoc"
-      @mouseenter="footerStore.cursorLocation = 'open docs'"
+      @mouseenter="footerStore.cursorLocation = `${docs}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/plugin-docs.png" alt="icon" class="w-5 active:scale-95" />
@@ -67,7 +67,7 @@ import { useNodeStore } from '@/store/theNode';
       v-if="props.client.category !== 'validator'"
       class="col-start-3 row-start-2 col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="openResync"
-      @mouseenter="footerStore.cursorLocation = 'resync the client'"
+      @mouseenter="footerStore.cursorLocation = `${resync}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/resync.png" alt="icon" class="w-4 active:scale-95" />
@@ -76,7 +76,7 @@ import { useNodeStore } from '@/store/theNode';
       v-if="props.client.service == 'TekuValidatorService'"
       class="col-start-3 row-start-2 col-span-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="removeLock"
-      @mouseenter="footerStore.cursorLocation = 'remove lock files'"
+      @mouseenter="footerStore.cursorLocation = `${removeLockBtn}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/delete-lock.png" alt="icon" class="w-4 h-4 active:scale-95" />
@@ -85,7 +85,7 @@ import { useNodeStore } from '@/store/theNode';
       v-if="props.client.service == 'GethService'"
       class="col-start-1 row-start-3 col-span-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="openPruning"
-      @mouseenter="footerStore.cursorLocation = 'pruning the service'"
+      @mouseenter="footerStore.cursorLocation = `${pruning}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/pruning.png" alt="icon" class="active:scale-95" />
@@ -96,6 +96,19 @@ import { useNodeStore } from '@/store/theNode';
 <script setup>
 import { useNodeStore } from "@/store/theNode";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const turnOn = t("clientButtons.turnOn");
+const turnOff = t("clientButtons.turnOff");
+const restart = t("clientButtons.restart");
+const resync = t("clientButtons.resync");
+const pruning = t("clientButtons.pruning");
+const expert = t("clientButtons.settings");
+const logs = t("clientButtons.logs");
+const docs = t("clientButtons.docs");
+const removeLockBtn = t("clientButtons.removeLock");
 
 const footerStore = useFooter();
 
diff --git a/launcher/src/components/UI/node-page/components/node/ClientLayout.vue b/launcher/src/components/UI/node-page/components/node/ClientLayout.vue
index e8d5b7036..56b749d97 100755
--- a/launcher/src/components/UI/node-page/components/node/ClientLayout.vue
+++ b/launcher/src/components/UI/node-page/components/node/ClientLayout.vue
@@ -4,7 +4,7 @@
     style="cursor: default"
     @pointerdown.prevent.stop
     @mousedown.prevent.stop
-    @mouseenter="footerStore.cursorLocation = `${props.client.name} client`"
+    @mouseenter="footerStore.cursorLocation = `${props.client.name} ${clientClient}`"
     @mouseleave="footerStore.cursorLocation = ''"
   >
     <div
@@ -19,7 +19,7 @@
       <div
         v-if="props.client.category !== 'validator'"
         class="h-1/3 flex justify-evenly items-center"
-        @mouseenter="footerStore.cursorLocation = `sync status: ${syncPercent}`"
+        @mouseenter="footerStore.cursorLocation = `${syncStatusPer} ${syncPercent}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-4" :src="syncIcon" alt="icon" />
@@ -28,7 +28,7 @@
       <div
         v-else
         class="h-1/3 flex justify-center items-center"
-        @mouseenter="footerStore.cursorLocation = ` ${getKeyNumbers} key(s) imported`"
+        @mouseenter="footerStore.cursorLocation = ` ${getKeyNumbers} ${keyMsg}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-5" src="/img/icon/node-icons/key.png" alt="icon" />
@@ -55,6 +55,13 @@ import { useControlStore } from "@/store/theControl";
 import { useDeepClone } from "@/composables/utils";
 import { ref } from "vue";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const clientClient = t("clientLay.client");
+const keyMsg = t("clientLay.keyMsg");
+const syncStatusPer = t("clientLay.syncStatus");
 
 const footerStore = useFooter();
 
diff --git a/launcher/src/components/UI/node-page/components/node/ServerDetails.vue b/launcher/src/components/UI/node-page/components/node/ServerDetails.vue
index 7cd91185d..7aca163b5 100644
--- a/launcher/src/components/UI/node-page/components/node/ServerDetails.vue
+++ b/launcher/src/components/UI/node-page/components/node/ServerDetails.vue
@@ -5,7 +5,7 @@
   >
     <div
       class="w-full flex justify-center items-center px-2 h-[25px]"
-      @mouseenter="footerStore.cursorLocation = `server name`"
+      @mouseenter="footerStore.cursorLocation = `${machineName}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <span class="text-md font-semibold ml-1 text-yellow-500 overflow-hidden whitespace-pre text-center">{{
@@ -15,7 +15,7 @@
     <div
       v-if="controlStore.ipAddress"
       class="w-full flex justify-center items-center px-2 h-[25px]"
-      @mouseenter="footerStore.cursorLocation = `server ip`"
+      @mouseenter="footerStore.cursorLocation = `${machineIp}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <span class="text-xs text-left text-gray-100 overflow-hidden whitespace-pre ml-[5px]">IP :</span>
@@ -28,6 +28,12 @@ import { useFooter } from "@/store/theFooter";
 import { useControlStore } from "@/store/theControl";
 import { onMounted } from "vue";
 import ControlService from "@/store/ControlService";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const machineName = t("serverDetails.machineName");
+const machineIp = t("serverDetails.machineIp");
 
 const controlStore = useControlStore();
 const footerStore = useFooter();
diff --git a/launcher/src/components/UI/node-page/components/service/ServiceButtons.vue b/launcher/src/components/UI/node-page/components/service/ServiceButtons.vue
index 914c0889f..6f5245e90 100755
--- a/launcher/src/components/UI/node-page/components/service/ServiceButtons.vue
+++ b/launcher/src/components/UI/node-page/components/service/ServiceButtons.vue
@@ -8,7 +8,7 @@
         v-else-if="props.client.state == 'running'"
         class="w-full h-full transition-colors duration-200 rounded-md flex justify-center items-center"
         @click="$emit('handleState', props.client), (footerStore.cursorLocation = '')"
-        @mouseenter="footerStore.cursorLocation = 'Turn off the service'"
+        @mouseenter="footerStore.cursorLocation = `${turnOff}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img src="/img/icon/plugin-menu-icons/shutdown.png" alt="icon" class="w-4 active:scale-95" />
@@ -16,6 +16,9 @@
       <button
         v-else-if="props.client.state == 'restarting'"
         class="w-full h-full transition-colors duration-200 rounded-md flex justify-center items-center"
+        @click="$emit('handleState', props.client), (footerStore.cursorLocation = '')"
+        @mouseenter="footerStore.cursorLocation = `${pending}`"
+        @mouseleave="footerStore.cursorLocation = ''"
       >
         <img src="/img/icon/plugin-menu-icons/pending.png" alt="icon" class="w-4 active:scale-95" />
       </button>
@@ -23,7 +26,7 @@
         v-else
         class="transition-colors duration-200 rounded-md flex justify-center items-center"
         @click="$emit('handleState', props.client), (footerStore.cursorLocation = '')"
-        @mouseenter="footerStore.cursorLocation = 'Turn on the service'"
+        @mouseenter="footerStore.cursorLocation = `${turnOn}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img src="/img/icon/plugin-menu-icons/turn-on.png" alt="icon" class="w-4 active:scale-95" />
@@ -32,7 +35,7 @@
     <button
       class="col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="$emit('restartService', props.client), (footerStore.cursorLocation = '')"
-      @mouseenter="footerStore.cursorLocation = 'Restart the service'"
+      @mouseenter="footerStore.cursorLocation = `${restart}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/plugin-menu-icons/restart.png" alt="icon" class="w-4 active:scale-95" />
@@ -40,7 +43,7 @@
     <button
       class="col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md"
       @click="$emit('openExpert', props.client), (footerStore.cursorLocation = '')"
-      @mouseenter="footerStore.cursorLocation = 'service settings'"
+      @mouseenter="footerStore.cursorLocation = `${settings}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/plugin-menu-icons/setting2.png" alt="icon" class="w-8 active:scale-95" />
@@ -48,7 +51,7 @@
     <button
       class="col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="$emit('openLogs', props.client), (footerStore.cursorLocation = '')"
-      @mouseenter="footerStore.cursorLocation = 'open logs'"
+      @mouseenter="footerStore.cursorLocation = `${logs}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/log-command.png" alt="icon" class="w-4 active:scale-95" />
@@ -56,7 +59,7 @@
     <button
       class="col-span-1 p-1 transition-colors duration-200 bg-gray-900 hover:bg-gray-600 rounded-md flex justify-center items-center"
       @click="$emit('openDocs', props.client), (footerStore.cursorLocation = '')"
-      @mouseenter="footerStore.cursorLocation = 'open docs'"
+      @mouseenter="footerStore.cursorLocation = `${docs}`"
       @mouseleave="footerStore.cursorLocation = ''"
     >
       <img src="/img/icon/node-icons/plugin-docs.png" alt="icon" class="w-5 active:scale-95" />
@@ -66,6 +69,17 @@
 <script setup>
 import { defineProps } from "vue";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const turnOff = t("serviceBtn.turnOff");
+const turnOn = t("serviceBtn.turnOn");
+const restart = t("serviceBtn.restart");
+const pending = t("serviceBtn.pending");
+const settings = t("serviceBtn.settings");
+const logs = t("serviceBtn.logs");
+const docs = t("serviceBtn.docs");
 
 const footerStore = useFooter();
 const props = defineProps({
diff --git a/launcher/src/components/UI/node-page/components/service/ServiceLayout.vue b/launcher/src/components/UI/node-page/components/service/ServiceLayout.vue
index 0ca70aa9e..fad9c0a81 100755
--- a/launcher/src/components/UI/node-page/components/service/ServiceLayout.vue
+++ b/launcher/src/components/UI/node-page/components/service/ServiceLayout.vue
@@ -4,7 +4,7 @@
     style="cursor: default"
     @pointerdown.prevent.stop
     @mousedown.prevent.stop
-    @mouseenter="footerStore.cursorLocation = `${props.client.name} service`"
+    @mouseenter="footerStore.cursorLocation = `${props.client.name} ${srvice}`"
     @mouseleave="footerStore.cursorLocation = ''"
   >
     <div
@@ -21,6 +21,11 @@
 <script setup>
 import { computed } from "vue";
 import { useFooter } from "@/store/theFooter";
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const srvice = t("serviceLay.service");
 
 const footerStore = useFooter();
 
diff --git a/launcher/src/components/UI/node-page/sections/SidebarSection.vue b/launcher/src/components/UI/node-page/sections/SidebarSection.vue
index 1a0fc380b..3faaf2966 100755
--- a/launcher/src/components/UI/node-page/sections/SidebarSection.vue
+++ b/launcher/src/components/UI/node-page/sections/SidebarSection.vue
@@ -4,7 +4,7 @@
       <div
         class="col-span-1 row-start-1 row-end-2 p-1 rounded-md text-gray-700 focus:outline-nones transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center cursor-pointer"
         @click="hoverRouter"
-        @mouseenter="footerStore.cursorLocation = `To Edit Node`"
+        @mouseenter="footerStore.cursorLocation = `${toEdit}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-7" src="/img/icon/node-icons/edit-node.png" alt="Manage Icon" />
@@ -17,7 +17,7 @@
           @mouseleave="routerHovered = false"
         >
           <img class="w-6 mr-1" src="/img/icon/node-icons/edit-node.png" alt="Manage Icon" />
-          <span class="text-sm text-gray-200 font-semibold">To Edit Node</span>
+          <span class="text-sm text-gray-200 font-semibold">{{ toEdit }}</span>
         </router-link>
       </Transition>
 
@@ -28,7 +28,7 @@
         v-else-if="checkStatus"
         class="row-start-2 row-end-3 p-1 rounded-md transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center"
         @click="hoverPower"
-        @mouseenter="footerStore.cursorLocation = `Turn Node On`"
+        @mouseenter="footerStore.cursorLocation = `${trnOn}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-5" src="/img/icon/node-icons/turn_on.png" alt="Stop Icon" />
@@ -38,7 +38,7 @@
         v-else-if="!checkStatus"
         class="row-start-2 row-end-3 p-1 rounded-md text-gray-700 focus:outline-nones transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center"
         @click="hoverPower"
-        @mouseenter="footerStore.cursorLocation = `Turn Node off`"
+        @mouseenter="footerStore.cursorLocation = `${trnOff}`"
         @mouseleave="footerStore.cursorLocation = ''"
       >
         <img class="w-5" src="/img/icon/node-icons/power2.png" alt="Stop Icon" />
@@ -51,7 +51,7 @@
           @click="showPowerModal"
         >
           <img class="w-4 mr-1" src="/img/icon/node-icons/turn_on.png" alt="Stop Icon" />
-          <span class="text-sm text-gray-200 font-semibold">Turn Node On</span>
+          <span class="text-sm text-gray-200 font-semibold">{{ trnOn }}</span>
         </button>
 
         <button
@@ -61,7 +61,7 @@
           @click="showPowerModal"
         >
           <img class="w-4 mr-1" src="/img/icon/node-icons/power2.png" alt="Stop Icon" />
-          <span class="text-xs text-gray-200">Turn Node Off</span>
+          <span class="text-xs text-gray-200">{{ trnOff }}</span>
         </button>
       </Transition>
       <Transition name="slide-fade">
@@ -69,7 +69,7 @@
           v-if="!exportHovered"
           class="row-start-3 row-end-4 p-1 rounded-md text-gray-700 focus:outline-nones transition-colors duration-200 hover:bg-[#23272a] flex justify-center items-center"
           @click="hoverExport"
-          @mouseenter="footerStore.cursorLocation = `Export Node Config`"
+          @mouseenter="footerStore.cursorLocation = `${expNode}`"
           @mouseleave="footerStore.cursorLocation = ''"
         >
           <img class="w-5" src="/img/icon/node-icons/export_config.png" alt="Export Icon" />
@@ -81,7 +81,7 @@
           @click="exportData"
         >
           <img class="w-4" src="/img/icon/node-icons/export_config.png" alt="Export Icon" />
-          <span class="text-xs text-gray-200 font-semibold">Export Node Config</span>
+          <span class="text-xs text-gray-200 font-semibold">{{ expNode }}</span>
         </button>
       </Transition>
     </div>
@@ -111,6 +111,14 @@ let exportHovered = ref(false);
 let loading = ref(false);
 let isExporting = ref(false);
 const footerStore = useFooter();
+import i18n from "@/includes/i18n";
+
+const t = i18n.global.t;
+
+const toEdit = t("sidebarSect.toEdit");
+const trnOn = t("sidebarSect.trnOn");
+const trnOff = t("sidebarSect.trnOff");
+const expNode = t("sidebarSect.expNode");
 
 //stores
 const serviceStore = useServices();
diff --git a/launcher/src/languages/en.json b/launcher/src/languages/en.json
index 34bd78bda..99e41983e 100755
--- a/launcher/src/languages/en.json
+++ b/launcher/src/languages/en.json
@@ -495,7 +495,7 @@
     "use": "USAGE",
     "noFee": "no fee recipient",
     "stereumUpt": "STEREUM UPDATE",
-    "clkFee": "click to set fee recipient",
+    "clkFee": "Service Settings",
     "clkUpdate": "Click to open update panel"
   },
   "restartModalNode": {
@@ -680,5 +680,69 @@
     "clockClose": "Click outside to close",
     "noIpFound": "No IP found",
     "clickSearch": "Click [search] to start"
+  },
+  "serviceBtn": {
+    "turnOff": "Turn off the service",
+    "turnOn": "Turn on the service",
+    "restart": "Restart the service",
+    "pending": "Service is pending",
+    "settings": "service settings",
+    "logs": "open logs",
+    "docs": "open docs"
+  },
+  "serviceLay": {
+    "srvice": "service"
+  },
+  "clientButtons": {
+    "turnOn": "Turn on the service",
+    "turnOff": "Turn off the service",
+    "restart": "Restart the service",
+    "pending": "service is pending",
+    "settings": "service settings",
+    "logs": "open logs",
+    "docs": "open docs",
+    "removeLock": "remove lock files",
+    "pruning": "pruning the service",
+    "resync": "resync the service"
+  },
+  "clientLay": {
+    "client": "client",
+    "keyMsg": "key(s) imported",
+    "syncStatus": "sync status:"
+  },
+  "serverDetails": {
+    "machineName": "Machine Name",
+    "machineIp": "Machine IP Address"
+  },
+  "changesBox": {
+    "clickToCancel": "Click here to cancel this change"
+  },
+  "editClientLay": {
+    "clkEdit": "click to edit your service"
+  },
+  "generalMenu": {
+    "modify": "modify",
+    "connection": "connection",
+    "switchClient": "switch client",
+    "delete": "delete",
+    "service": "service",
+    "info": "info"
+  },
+  "networkDetail": {
+    "currIs": "The current network is",
+    "currentNet": "Current Network"
+  },
+  "changeSect": {
+    "clkConfirm": "Click here to confirm change(s)"
+  },
+  "sidebarSect": {
+    "toNode": "To the Node Page",
+    "toEdit": "To the Edit Node",
+    "setchNet": "Switch Network",
+    "nukTheNud": "Nuke the Node",
+    "nukNod": "Nuke Node",
+    "trnOn": "Turn Node On",
+    "trnOff": "Turn Node Off",
+    "expNode": "Export Node Config"
   }
-}
\ No newline at end of file
+}