diff --git a/launcher/public/output.css b/launcher/public/output.css
index a76fd80c4..0546724a0 100755
--- a/launcher/public/output.css
+++ b/launcher/public/output.css
@@ -1,7 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
 
 /*
-! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -819,10 +819,6 @@ video {
   bottom: 0.25rem;
 }
 
-.bottom-2{
-  bottom: 0.5rem;
-}
-
 .bottom-20{
   bottom: 5rem;
 }
@@ -931,16 +927,12 @@ video {
   right: 2rem;
 }
 
-.right-\[10\.5rem\]{
-  right: 10.5rem;
-}
-
 .right-\[1px\]{
   right: 1px;
 }
 
-.right-\[5px\]{
-  right: 5px;
+.right-\[20px\]{
+  right: 20px;
 }
 
 .right-\[8px\]{
@@ -1527,10 +1519,6 @@ video {
   margin-top: 1rem;
 }
 
-.mt-40{
-  margin-top: 10rem;
-}
-
 .mt-5{
   margin-top: 1.25rem;
 }
@@ -1543,6 +1531,10 @@ video {
   margin-top: 2rem;
 }
 
+.mt-\[9\.5rem\]{
+  margin-top: 9.5rem;
+}
+
 .box-border{
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1764,10 +1756,6 @@ video {
   height: 36px;
 }
 
-.h-\[37px\]{
-  height: 37px;
-}
-
 .h-\[38px\]{
   height: 38px;
 }
@@ -2022,10 +2010,6 @@ video {
   min-height: 30px;
 }
 
-.min-h-\[37px\]{
-  min-height: 37px;
-}
-
 .min-h-\[400px\]{
   min-height: 400px;
 }
@@ -2250,10 +2234,6 @@ video {
   width: 230px;
 }
 
-.w-\[25px\]{
-  width: 25px;
-}
-
 .w-\[27px\]{
   width: 27px;
 }
@@ -2929,11 +2909,22 @@ video {
   border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
 }
 
+.divide-y-\[1px\] > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
+}
+
 .divide-gray-300 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-divide-opacity));
 }
 
+.divide-gray-400 > :not([hidden]) ~ :not([hidden]){
+  --tw-divide-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-divide-opacity));
+}
+
 .divide-gray-500 > :not([hidden]) ~ :not([hidden]){
   --tw-divide-opacity: 1;
   border-color: rgb(107 114 128 / var(--tw-divide-opacity));
@@ -3650,6 +3641,11 @@ video {
   background-color: rgb(32 38 50 / var(--tw-bg-opacity));
 }
 
+.bg-\[\#212225\]{
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 34 37 / var(--tw-bg-opacity));
+}
+
 .bg-\[\#212629\]{
   --tw-bg-opacity: 1;
   background-color: rgb(33 38 41 / var(--tw-bg-opacity));
@@ -3680,11 +3676,6 @@ video {
   background-color: rgb(35 37 40 / var(--tw-bg-opacity));
 }
 
-.bg-\[\#23272c\]{
-  --tw-bg-opacity: 1;
-  background-color: rgb(35 39 44 / var(--tw-bg-opacity));
-}
-
 .bg-\[\#242529\]{
   --tw-bg-opacity: 1;
   background-color: rgb(36 37 41 / var(--tw-bg-opacity));
@@ -4245,6 +4236,11 @@ video {
   padding-right: 0.5rem;
 }
 
+.px-20{
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
 .px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
diff --git a/launcher/src/components/UI/TheCarousel/components/TheCarousel.vue b/launcher/src/components/UI/TheCarousel/components/TheCarousel.vue
index 5cce60c2c..84bdae484 100644
--- a/launcher/src/components/UI/TheCarousel/components/TheCarousel.vue
+++ b/launcher/src/components/UI/TheCarousel/components/TheCarousel.vue
@@ -9,16 +9,31 @@
       :transition="500"
       snap-align="center"
     >
-      <slide v-for="(item, index) in installStore.syncType" :key="index" aria-current="0">
+      <slide v-for="item in installStore.syncType" :key="item.name" aria-current="0">
         <div class="w-full h-full flex justify-center items-center pl-2">
-          <div v-if="item.name === 'genesis'" class="w-full h-full flex flex-col justify-center items-start">
-            <span class="text-md text-gray-300 font-semibold text-left uppercase">{{ item.name }}</span>
-            <span class="text-sm text-teal-600 font-semibold text-left">{{ item.type }}</span>
+          <div
+            v-if="item.name === 'genesis'"
+            class="w-full h-full flex flex-col justify-center items-start"
+          >
+            <span class="text-md text-gray-300 font-semibold text-left uppercase">{{
+              item.name
+            }}</span>
+            <span class="text-sm text-teal-600 font-semibold text-left">{{
+              item.type
+            }}</span>
           </div>
-          <div v-else-if="item.type === 'custom source'" class="w-full h-full flex justify-between items-center">
+          <div
+            v-else-if="item.type === 'custom source'"
+            class="w-full h-full flex justify-between items-center"
+          >
             <div class="w-fit h-full flex flex-col justify-center items-start">
-              <span class="w-fit h-5 text-sm text-gray-300 font-semibold text-left uppercase">{{ item.name }}</span>
-              <span class="w-fit text-xs text-teal-600 font-semibold text-left">{{ item.type }}</span>
+              <span
+                class="w-fit h-5 text-sm text-gray-300 font-semibold text-left uppercase"
+                >{{ item.name }}</span
+              >
+              <span class="w-fit text-xs text-teal-600 font-semibold text-left">{{
+                item.type
+              }}</span>
             </div>
             <div class="w-[60%] h-full flex justify-center items-center">
               <input
@@ -29,10 +44,18 @@
               />
             </div>
           </div>
-          <div v-else-if="item.type === 'recommended'" class="w-full h-full flex justify-between items-center">
+          <div
+            v-else-if="item.type === 'recommended'"
+            class="w-full h-full flex justify-between items-center"
+          >
             <div class="w-fit h-full flex flex-col justify-center items-start">
-              <span class="w-fit h-5 text-sm text-gray-300 font-semibold text-left uppercase">{{ item.name }}</span>
-              <span class="w-fit text-xs text-teal-600 font-semibold text-left">{{ item.type }}</span>
+              <span
+                class="w-fit h-5 text-sm text-gray-300 font-semibold text-left uppercase"
+                >{{ item.name }}</span
+              >
+              <span class="w-fit text-xs text-teal-600 font-semibold text-left">{{
+                item.type
+              }}</span>
             </div>
 
             <div class="w-[60%] h-10 flex justify-center items-center">
@@ -49,22 +72,38 @@
                 @click="openDropdown"
               >
                 <div class="col-start-1 col-span-1 self-center">
-                  <img v-if="selectedIcon" class="w-6 ml-1" :src="selectedIcon" :alt="selectedItem" />
+                  <img
+                    v-if="selectedIcon"
+                    class="w-6 ml-1"
+                    :src="selectedIcon"
+                    :alt="selectedItem"
+                  />
                 </div>
                 <div
                   v-if="selectedIcon"
                   class="extentions h-9 pt-5 col-start-2 col-end-6 text-md text-gray-300 flex justify-center items-center self-center"
                 >
-                  <span class="text-sm text-gray-300 text-center">{{ selectedItem }}</span>
+                  <span class="text-sm text-gray-300 text-center">{{
+                    selectedItem
+                  }}</span>
                 </div>
                 <div
                   v-else
                   class="extentions h-9 pt-5 col-start-2 col-end-6 text-md text-gray-300 flex justify-center items-center self-center"
                 >
-                  <span class="text-sm text-gray-300 text-center">{{ selectedItem }}</span>
+                  <span class="text-sm text-gray-300 text-center">{{
+                    selectedItem
+                  }}</span>
                 </div>
-                <div class="col-start-6 col-span-1 self-center justify-self-end" @click="openWindow">
-                  <img class="w-6" src="/img/icon/service-modals-icons/internet.png" alt="Internet" />
+                <div
+                  class="col-start-6 col-span-1 self-center justify-self-end"
+                  @click="openWindow"
+                >
+                  <img
+                    class="w-6"
+                    src="/img/icon/service-modals-icons/internet.png"
+                    alt="Internet"
+                  />
                 </div>
               </div>
             </div>
@@ -106,14 +145,16 @@
 import ControlService from "@/store/ControlService";
 import { useClickInstall } from "@/store/clickInstallation";
 import { useNodeManage } from "@/store/nodeManage";
-import "vue3-carousel/dist/carousel.css";
-import { Carousel, Slide, Navigation } from "vue3-carousel";
-import { ref, watch, onMounted, computed, watchEffect } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 import { useRouter } from "vue-router";
+import { Carousel, Navigation, Slide } from "vue3-carousel";
+import "vue3-carousel/dist/carousel.css";
+import { useSetups } from "../../../../store/setups";
 
 // Store
 const installStore = useClickInstall();
 const manageStore = useNodeManage();
+const setupStore = useSetups();
 const router = useRouter();
 
 // Data
@@ -121,32 +162,27 @@ const router = useRouter();
 const dropdown = ref(false);
 const selectedItem = ref("- SELECT A SOURCE -");
 const currentSlide = ref(null);
-const selectedLinks = ref([]);
 const prevVal = ref(0);
 const selectedIcon = ref("");
-const incommingNetwork = ref(null);
-const fullPath = router.currentRoute.value.fullPath;
 
 // Computed properties
 
 const currentNetwork = computed(() => {
-  return manageStore.currentNetwork;
+  let setupNetwork;
+  let current;
+  if (setupStore.selectedSetup) {
+    setupNetwork = setupStore.selectedSetup.network;
+  }
+  current = manageStore.networkList.find((network) => network.name === setupNetwork);
+  return current;
 });
 
-const configNetwork = computed(() => {
-  return installStore.configNetwork;
+const selectedLinks = computed(() => {
+  return installStore[currentNetwork.value.network];
 });
 
 // Watchers
 
-watchEffect(() => {
-  if (fullPath.startsWith("/config")) {
-    incommingNetwork.value = configNetwork.value;
-  } else {
-    incommingNetwork.value = currentNetwork.value;
-  }
-});
-
 watch(currentSlide, (val) => {
   if (router.currentRoute.value.path === "/oneClick/sync") {
     if (val !== prevVal.value) {
@@ -170,7 +206,6 @@ watch(currentSlide, (val) => {
 
 onMounted(() => {
   currentSlide.value = 3;
-  setSelectedLinks();
 });
 
 // Methods
@@ -207,10 +242,6 @@ const linkPicker = async (item) => {
   selectedIcon.value = item.icon;
   installStore.checkPointSync = item.url;
 };
-
-const setSelectedLinks = () => {
-  selectedLinks.value = installStore[manageStore.currentNetwork.network];
-};
 </script>
 <style scoped>
 .extentions {
diff --git a/launcher/src/components/UI/edit-page/EditScreen.vue b/launcher/src/components/UI/edit-page/EditScreen.vue
index 47207cf45..de663a034 100644
--- a/launcher/src/components/UI/edit-page/EditScreen.vue
+++ b/launcher/src/components/UI/edit-page/EditScreen.vue
@@ -629,7 +629,7 @@ const addServiceHandler = (item) => {
   }
   let dataObject = {
     setupId: setupStore.selectedSetup?.setupId,
-    network: manageStore.configNetwork.network,
+    network: setupStore.selectedSetup?.network,
     installDir: item.installDir || "/opt/stereum",
     executionClients: item.executionClients,
     consensusClients: item.consensusClients,
diff --git a/launcher/src/components/UI/edit-page/components/drawer/DrawerMenu.vue b/launcher/src/components/UI/edit-page/components/drawer/DrawerMenu.vue
index b1ef7db38..737292740 100644
--- a/launcher/src/components/UI/edit-page/components/drawer/DrawerMenu.vue
+++ b/launcher/src/components/UI/edit-page/components/drawer/DrawerMenu.vue
@@ -5,7 +5,7 @@
     <div
       class="col-start-1 col-span-full row-start-1 row-end-3 w-full h-full bg-[#232428] rounded-md flex flex-col justify-between items-center p-1"
     >
-      <span class="text-xs text-center text-gray-100 font-sans uppercase mt-1"
+      <span class="text-xs text-center text-gray-300 font-sans uppercase mt-1"
         >Create a setup</span
       >
 
@@ -19,8 +19,8 @@
     <div
       class="col-start-1 col-span-full row-start-3 row-end-5 w-full h-full bg-[#232428] rounded-md flex flex-col justify-between items-center p-1"
     >
-      <span class="text-xs text-center text-gray-100 font-sans uppercase mt-1"
-        >IMPORT A CONFIG</span
+      <span class="text-xs text-center text-gray-300 font-sans uppercase mt-1"
+        >IMPORT A SETUP</span
       >
 
       <div
@@ -34,7 +34,7 @@
       class="col-start-1 col-span-full row-start-5 row-end-10 w-full h-full bg-[#232428] rounded-md grid grid-cols-6 grid-rows-6 items-start gap-y-1 p-1"
     >
       <span
-        class="col-start-1 col-span-full row-start-1 row-span-1 text-xs text-center text-gray-100 font-sans uppercase"
+        class="col-start-1 col-span-full row-start-1 row-span-1 text-xs text-center text-gray-300 font-sans uppercase self-center"
         >ADD A SERVER SERVICE</span
       >
       <div
diff --git a/launcher/src/components/UI/edit-page/components/drawer/SetupsDrawer.vue b/launcher/src/components/UI/edit-page/components/drawer/SetupsDrawer.vue
index 57a629af8..22fa62e8e 100644
--- a/launcher/src/components/UI/edit-page/components/drawer/SetupsDrawer.vue
+++ b/launcher/src/components/UI/edit-page/components/drawer/SetupsDrawer.vue
@@ -7,7 +7,7 @@
     >
       <div class="w-full h-full rounded-sm flex justify-center items-center">
         <span
-          class="text-sm text-center text-gray-100 font-normal font-sans uppercase mt-1"
+          class="text-xs text-center text-gray-300 font-normal font-sans uppercase mt-1"
           >Select A Network</span
         >
       </div>
@@ -38,7 +38,7 @@
     </div>
 
     <div
-      class="col-start-1 col-span-full row-start-14 row-span-full w-full h-full bg-[#151618] rounded-md flex flex-col justify-between items-center p-1 shadow-sm shadow-black active:shadow-none border border-gray-700"
+      class="col-start-1 col-span-full row-start-14 row-span-full w-full h-full bg-[#151618] rounded-md flex flex-col justify-between items-center p-1 shadow-sm shadow-black active:shadow-none border border-gray-700 opacity-50 pointer-events-none"
     >
       <span
         class="text-2xs text-center text-gray-100 font-semibold font-sans uppercase mt-1"
diff --git a/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue b/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
index 9e720d16e..761ef8d19 100644
--- a/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/ConfigBody.vue
@@ -16,21 +16,16 @@
         setupStore.getTextColor(setupStore.selectedSetup?.color),
       ]"
     >
-      <span class="col-start-1 justify-self-center self-center">{{
-        $t("editBody.executionClient")
-      }}</span>
-      <span class="col-start-2 justify-self-center self-center">{{
-        $t("editBody.consensusClient")
-      }}</span>
-      <span class="col-start-3 justify-self-center self-center">{{
-        $t("editBody.validator")
-      }}</span>
+      <span class="col-start-1 justify-self-center self-center">{{ $t("editBody.executionClient") }}</span>
+      <span class="col-start-2 justify-self-center self-center">{{ $t("editBody.consensusClient") }}</span>
+      <span class="col-start-3 justify-self-center self-center">{{ $t("editBody.validator") }}</span>
     </div>
     <div
       ref="dropZoneRef"
       class="w-full h-full max-h-[428px] grid grid-cols-3 pt-5 z-10"
       :class="{
-        'scrollbar scrollbar-rounded-* scrollbar-thumb-teal-800 scrollbar-track-transparent overflow-y-auto': activateScrollBar,
+        'scrollbar scrollbar-rounded-* scrollbar-thumb-teal-800 scrollbar-track-transparent overflow-y-auto':
+          activateScrollBar,
       }"
       @drop="onDrop($event)"
       @dragover.prevent="isOverDropZone = true"
@@ -81,8 +76,8 @@ import ValidatorClients from "./clients/ValidatorClients.vue";
 
 import { useNodeManage } from "@/store/nodeManage";
 import { computed, onMounted, ref, watch } from "vue";
-import { useSetups } from "../../../../../store/setups";
 import { useMultiSetups } from "../../../../../composables/multiSetups";
+import { useSetups } from "../../../../../store/setups";
 
 const emit = defineEmits([
   "onDrop",
@@ -103,15 +98,9 @@ const { updateDom } = useMultiSetups();
 const isOverDropZone = ref(false);
 
 const activateScrollBar = computed(() => {
-  const validators = manageStore.newConfiguration.filter(
-    (service) => service.category === "validator"
-  );
-  const consensus = manageStore.newConfiguration.filter(
-    (service) => service.category === "consensus"
-  );
-  const execution = manageStore.newConfiguration.filter(
-    (service) => service.category === "execution"
-  );
+  const validators = manageStore.newConfiguration.filter((service) => service.category === "validator");
+  const consensus = manageStore.newConfiguration.filter((service) => service.category === "consensus");
+  const execution = manageStore.newConfiguration.filter((service) => service.category === "execution");
   return !!(validators.length > 3 || consensus.length > 3 || execution.length > 3);
 });
 
diff --git a/launcher/src/components/UI/edit-page/components/edit/EditBody.vue b/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
index 3b0d82ef3..10b398a72 100644
--- a/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/EditBody.vue
@@ -11,7 +11,6 @@
       @info-modal="infoModal"
       @modify-service="modifyService"
       @remove-lines="removeConnectionLines"
-      @line-draw="lineDrawHandler"
     />
     <SetupBody
       v-else
diff --git a/launcher/src/components/UI/edit-page/components/edit/SyncCarousel.vue b/launcher/src/components/UI/edit-page/components/edit/SyncCarousel.vue
index d2f97d00b..640ec3c2e 100644
--- a/launcher/src/components/UI/edit-page/components/edit/SyncCarousel.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/SyncCarousel.vue
@@ -72,7 +72,7 @@
                 class="w-full h-full bg-[#191b1e] border border-gray-600 flex justify-between items-center rounded-md"
               >
                 <div v-if="selectedIcon !== ''" class="w-1/6" @click="openDropdown">
-                  <img class="w-5 h-6 ml-2" :src="selectedIcon" :alt="selectedItem" />
+                  <img class="w-6 h-6 ml-2" :src="selectedIcon" :alt="selectedItem" />
                 </div>
                 <div
                   v-if="selectedIcon !== ''"
@@ -103,23 +103,23 @@
     <Transition name="slide">
       <ul
         v-show="dropdown"
-        class="w-64 transition-all min-h-[100px] max-h-[110px] duration-400 ease-in-out absolute right-[5px] -bottom-25 bg-gray-700 rounded-lg shadow-lg pt-18 pb-1 z-10 mt-40 divide-y divide-gray-600 overflow-y-auto flex flex-col justify-start items-center"
+        class="w-72 transition-all min-h-[100px] max-h-[110px] duration-400 ease-in-out absolute right-[20px] -bottom-25 bg-gray-700 border border-gray-700 rounded-lg shadow-lg pt-18 pb-1 z-10 mt-[9.5rem] divide-gray-400 overflow-y-auto flex flex-col justify-start items-center divide-y-[1px]"
         @mouseleave="colseDropdown"
       >
         <li
           v-for="link in selectedLinks"
           :key="link"
-          class="w-full h-16 grid grid-cols-6 py-1 px-4 hover:bg-blue-400"
+          class="w-full h-12 grid grid-cols-6 p-2 hover:bg-blue-400 bg-[#212225]"
           @click="linkPicker(link)"
         >
           <img
             v-if="link.icon"
-            class="w-5 h-5 col-start-1 col-end-2 self-center justify-self-center"
+            class="w-7 h-7 col-start-1 col-end-2 self-center justify-self-center"
             :src="link.icon"
             alt="service Icon"
           />
           <span
-            class="col-start-3 col-end-6 px-4 py-1 flex justify-start links-center outline-0 whitespace-nowrap cursor-pointer text-sm text-gray-200 font-semibold"
+            class="col-start-3 col-end-6 px-4 py-1 flex justify-start links-center outline-0 whitespace-nowrap cursor-pointer text-md text-gray-200 font-normal font-sans"
             >{{ link.name }}</span
           >
         </li>
@@ -128,17 +128,14 @@
   </div>
 </template>
 <script setup>
-import ControlService from "@/store/ControlService";
-import { ref, watch, onMounted, onBeforeMount, computed } from "vue";
 import { useClickInstall } from "@/store/clickInstallation";
+import ControlService from "@/store/ControlService";
 import { useNodeManage } from "@/store/nodeManage";
-import "vue3-carousel/dist/carousel.css";
-import { Carousel, Slide, Navigation } from "vue3-carousel";
+import { computed, onBeforeMount, ref, watch, watchEffect } from "vue";
 import { useRouter } from "vue-router";
-
-const installStore = useClickInstall();
-const manageStore = useNodeManage();
-const router = useRouter();
+import { Carousel, Navigation, Slide } from "vue3-carousel";
+import "vue3-carousel/dist/carousel.css";
+import { useSetups } from "../../../../../store/setups";
 
 const props = defineProps({
   cat: {
@@ -147,12 +144,17 @@ const props = defineProps({
   },
 });
 
+//Store
+const setupStore = useSetups();
+const installStore = useClickInstall();
+const manageStore = useNodeManage();
+const router = useRouter();
+
 // Data
 const carousel = ref(null);
 const dropdown = ref(false);
 const selectedItem = ref("- SELECT A SOURCE -");
 const currentSlide = ref(null);
-const selectedLinks = ref([]);
 const prevVal = ref(0);
 const selectedIcon = ref("");
 
@@ -162,6 +164,25 @@ const getCategory = computed(() => {
   return props.cat;
 });
 
+const currentNetwork = computed(() => {
+  let setupNetwork;
+  let current;
+
+  setupNetwork = setupStore.selectedSetup?.network;
+  current = manageStore.networkList.find((network) => network.network === setupNetwork);
+  return current;
+});
+
+const selectedLinks = computed(() => {
+  return installStore[currentNetwork.value?.network];
+});
+
+watchEffect(() => {
+  if (selectedLinks.value) {
+    installStore.selectedLink = selectedLinks.value[0];
+  }
+});
+
 // Watchers
 watch(currentSlide, (val) => {
   if (
@@ -190,13 +211,6 @@ onBeforeMount(() => {
   currentSlide.value = 2;
 });
 
-onMounted(() => {
-  manageStore.currentNetwork = manageStore.currentNetwork?.hasOwnProperty("id")
-    ? manageStore.currentNetwork
-    : manageStore.configNetwork;
-  setSelectedLinks();
-});
-
 // Methods
 const colseDropdown = () => {
   setTimeout(() => {
@@ -236,17 +250,6 @@ const linkPicker = async (item) => {
   selectedIcon.value = item.icon;
   installStore.checkPointSync = item.url;
 };
-
-const setSelectedLinks = () => {
-  const networkLinks = {
-    1: installStore.mainnet,
-    2: installStore.sepolia,
-    3: installStore.gnosis,
-    4: installStore.holesky,
-  };
-
-  selectedLinks.value = networkLinks[manageStore.currentNetwork?.id] || [];
-};
 </script>
 
 <style scope>
diff --git a/launcher/src/components/UI/edit-page/components/edit/setups/SetupDropdown.vue b/launcher/src/components/UI/edit-page/components/edit/setups/SetupDropdown.vue
index b087eb696..838e1df50 100644
--- a/launcher/src/components/UI/edit-page/components/edit/setups/SetupDropdown.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/setups/SetupDropdown.vue
@@ -125,6 +125,7 @@
 import { useSetups } from "@/store/setups";
 import { computed, ref } from "vue";
 import { useRoute } from "vue-router";
+
 import RenameSetup from "./RenameSetup.vue";
 
 const { list, newHeight } = defineProps({
diff --git a/launcher/src/components/UI/edit-page/components/edit/setups/SetupMenu.vue b/launcher/src/components/UI/edit-page/components/edit/setups/SetupMenu.vue
index 1e1caf706..efb09470e 100755
--- a/launcher/src/components/UI/edit-page/components/edit/setups/SetupMenu.vue
+++ b/launcher/src/components/UI/edit-page/components/edit/setups/SetupMenu.vue
@@ -11,9 +11,10 @@
         v-for="icon in icons"
         :key="icon.name"
         class="w-8 col-span-1 bg-gray-900 hover:bg-gray-500 p-1 cursor-pointer active:scale-90 transition duration-200 border border-gray-700 rounded-md"
+        :class="{ 'opacity-50 pointer-events-none': icon.disabled }"
         :src="icon.src"
         :alt="`${icon.name} icon`"
-        @click="handleAction(icon.name)"
+        @click="handleAction(icon)"
         @mouseenter="footerStore.cursorLocation = `${icon.tooltip}`"
         @mouseleave="footerStore.cursorLocation = ''"
       />
@@ -24,8 +25,6 @@
 <script setup>
 import { useFooter } from "@/store/theFooter";
 
-// import i18n from "@/includes/i18n";
-
 // props & emits
 const props = defineProps({
   setup: {
@@ -36,17 +35,10 @@ const props = defineProps({
 
 const emit = defineEmits(["deleteSetup", "connectSetup", "infoModal", "openConfigs"]);
 
-// const t = i18n.global.t;
-
-//Store
+// Store
 const footerStore = useFooter();
 
-//Methods
-const handleAction = (item) => {
-  const action = icons.find((i) => i.name === item).action;
-
-  return action();
-};
+// Methods
 const deleteSetup = () => {
   emit("deleteSetup", props.setup);
   footerStore.cursorLocation = "";
@@ -66,31 +58,41 @@ const openConfigs = () => {
   emit("openConfigs", props.setup);
 };
 
-// Now reference these functions in the icons array
+const handleAction = (icon) => {
+  if (icon.action) {
+    icon.action();
+  }
+};
+
+// Icons array
 const icons = [
   {
     name: "connection",
     src: "/img/icon/edit-node-icons/service-connecting.png",
     action: connectSetup,
     tooltip: "Setup Connection",
+    disabled: true,
   },
   {
     name: "delete",
     src: "/img/icon/edit-node-icons/service-delete.png",
     tooltip: "Remove Setup",
     action: deleteSetup,
+    disabled: false,
   },
   {
     name: "info",
     src: "/img/icon/edit-node-icons/service-info.png",
     tooltip: "Setup Informations",
     action: infoModal,
+    disabled: false,
   },
   {
     name: "open",
     src: "/img/icon/edit-node-icons/link.png",
     tooltip: "Configs Page",
     action: openConfigs,
+    disabled: false,
   },
 ];
 </script>
diff --git a/launcher/src/components/UI/edit-page/components/modals/setups/CreateSetup.vue b/launcher/src/components/UI/edit-page/components/modals/setups/CreateSetup.vue
index 3c25f755a..bce86374b 100644
--- a/launcher/src/components/UI/edit-page/components/modals/setups/CreateSetup.vue
+++ b/launcher/src/components/UI/edit-page/components/modals/setups/CreateSetup.vue
@@ -8,21 +8,36 @@
     @confirm-action="validationForm"
   >
     <template #content>
-      <div class="w-3/4 max-h-[300px] grid grid-cols-6 grid-rows-8 py-4 px-8 mt-2 gap-y-1 mx-auto">
-        <div class="h-full col-start-1 col-span-full row-start-1 row-span-1 flex justify-start items-center">
+      <div
+        class="w-3/4 max-h-[300px] grid grid-cols-6 grid-rows-8 py-4 px-8 mt-2 gap-y-1 mx-auto"
+      >
+        <div
+          class="h-full col-start-1 col-span-full row-start-1 row-span-1 flex justify-start items-center"
+        >
           <img class="w-6 h-6" :src="props.network.icon" :alt="props.network.name" />
-          <span class="ml-1 text-xs text-center text-gray-100 font-sans font-semibold uppercase">{{
-            props.network.name
-          }}</span>
+          <span
+            class="ml-1 text-xs text-center text-gray-100 font-sans font-semibold uppercase"
+            >{{ props.network.name }}</span
+          >
         </div>
 
-        <div class="w-full max-h-full col-start-1 col-span-full row-start-2 row-end-9 flex justify-center items-center">
-          <form class="w-full h-full shadow-md rounded p-1 grid grid-cols-5 grid-rows-3 items-center gap-y-1">
-            <div class="col-start-1 col-span-full row-start-1 row-span-1 grid grid-cols-2 grid-rows-2 items-center">
-              <span v-if="nameMsg" class="col-start-1 col-span-full row-start-1 row-span-1 text-red-400 text-xs">{{
-                nameMsg
-              }}</span>
-              <span v-else class="col-start-1 col-span-full row-start-1 row-span-1 text-gray-200 text-xs"
+        <div
+          class="w-full max-h-full col-start-1 col-span-full row-start-2 row-end-9 flex justify-center items-center"
+        >
+          <form
+            class="w-full h-full shadow-md rounded p-1 grid grid-cols-5 grid-rows-3 items-center gap-y-1"
+          >
+            <div
+              class="col-start-1 col-span-full row-start-1 row-span-1 grid grid-cols-2 grid-rows-2 items-center"
+            >
+              <span
+                v-if="nameMsg"
+                class="col-start-1 col-span-full row-start-1 row-span-1 text-red-400 text-xs"
+                >{{ nameMsg }}</span
+              >
+              <span
+                v-else
+                class="col-start-1 col-span-full row-start-1 row-span-1 text-gray-200 text-xs"
                 >Setup Name</span
               >
               <input
@@ -35,11 +50,17 @@
                 required
               />
             </div>
-            <div class="col-start-1 col-span-full row-start-2 row-span-1 grid grid-cols-2 grid-rows-2 items-center">
-              <span v-if="layoutMsg" class="col-start-1 col-span-full row-start-1 row-span-1 text-red-400 text-xs">{{
-                layoutMsg
-              }}</span>
-              <span v-else class="col-start-1 col-span-full row-start-1 row-span-1 text-gray-200 text-xs"
+            <div
+              class="col-start-1 col-span-full row-start-2 row-span-1 grid grid-cols-2 grid-rows-2 items-center"
+            >
+              <span
+                v-if="layoutMsg"
+                class="col-start-1 col-span-full row-start-1 row-span-1 text-red-400 text-xs"
+                >{{ layoutMsg }}</span
+              >
+              <span
+                v-else
+                class="col-start-1 col-span-full row-start-1 row-span-1 text-gray-200 text-xs"
                 >Setup Layout</span
               >
               <input
@@ -50,21 +71,38 @@
                 placeholder="Setup Layout"
               />
             </div>
-            <div class="col-start-1 col-span-full row-start-3 row-span-1 grid grid-cols-10 grid-rows-2 items-center">
-              <span v-if="colorMsg" class="col-start-1 col-span-full row-start-1 row-span-1 text-red-400 text-xs">{{
-                colorMsg
-              }}</span>
-              <span v-else class="col-start-1 col-span-full row-start-1 row-span-1 text-gray-200 text-xs"
+            <div
+              class="col-start-1 col-span-full row-start-3 row-span-1 grid grid-cols-10 grid-rows-2 items-center"
+            >
+              <span
+                v-if="colorMsg"
+                class="col-start-1 col-span-full row-start-1 row-span-1 text-red-400 text-xs"
+                >{{ colorMsg }}</span
+              >
+              <span
+                v-else
+                class="col-start-1 col-span-full row-start-1 row-span-1 text-gray-200 text-xs"
                 >Setup color</span
               >
               <div
                 v-for="col in colorPalette"
                 :key="col.name"
                 class="w-6 h-6 rounded-full col-span-1 row-start-2 cursor-pointer mx-1 hover:scale-110 transition-all duration-100 hover:shadow-lg hover:shadow-black hover:border hover:border-gray-500 active:scale-120"
-                :class="[`${col.bg}`, col.isSelected ? 'border border-gray-300 scale-125 shadow-black  shadow-lg' : '']"
+                :class="[
+                  `${col.bg}`,
+                  col.isSelected
+                    ? 'border border-gray-300 scale-125 shadow-black  shadow-lg'
+                    : '',
+                ]"
                 @click="getSetupColor(col)"
               >
-                <input type="radio" name="ColorOption" :value="col.name" class="sr-only" checked />
+                <input
+                  type="radio"
+                  name="ColorOption"
+                  :value="col.name"
+                  class="sr-only"
+                  checked
+                />
               </div>
             </div>
           </form>
@@ -132,7 +170,11 @@ const setupLayouts = computed(() => {
 watch(
   () => [setupName.value, setupColor.value, setupLayouts.value],
   () => {
-    if (setupName.value.trim() !== "" && setupColor.value !== "" && setupLayouts.value !== "") {
+    if (
+      setupName.value.trim() !== "" &&
+      setupColor.value !== "" &&
+      setupLayouts.value !== ""
+    ) {
       buttonDisabled.value = false;
       nameMsg.value = "";
       colorMsg.value = "";
@@ -182,6 +224,7 @@ const confirm = async () => {
     type: setupLayouts.value.trim(),
     services: [],
   };
+
   await ControlService.createSetup(data);
 
   setupStore.isCreateSetupModalActive = false;
diff --git a/launcher/src/components/UI/node-page/components/modals/CustomModal.vue b/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
index 153c04b5a..ad51493b9 100644
--- a/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
+++ b/launcher/src/components/UI/node-page/components/modals/CustomModal.vue
@@ -1,10 +1,10 @@
 <template>
   <div
-    class="min-w-screen h-screen animated fadeIn faster fixed left-0 top-0 flex justify-center items-center inset-0 z-20 outline-none focus:outline-none bg-no-repeat bg-center bg-cover"
+    class="min-w-screen h-screen animated fadeIn faster fixed left-0 top-0 flex justify-center items-center inset-0 outline-none focus:outline-none bg-no-repeat bg-center bg-cover z-10"
   >
-    <div class="absolute bg-black opacity-80 inset-0 z-0" @click="closeModal"></div>
+    <div class="absolute bg-black opacity-80 inset-0 z-20" @click="closeModal"></div>
     <div
-      class="w-2/3 min-h-[400px] py-2 px-2 relative mx-auto my-auto rounded-[35px] shadow-lg border-4 border-gray-400"
+      class="w-2/3 min-h-[400px] py-2 px-2 relative mx-auto my-auto rounded-[35px] shadow-lg border-4 border-gray-400 z-50"
       :class="bgColor ? bgColor : 'bg-gray-100'"
     >
       <div class="flex flex-col justify-between gap-5">
@@ -20,7 +20,11 @@
           <div v-if="mainTitle" class="text-xl font-bold py-2 text-gray-200 uppercase">
             <p>{{ mainTitle }}</p>
           </div>
-          <div v-if="messageText" class="text-md font-bold py-2" :class="bgColor ? 'text-gray-200' : null">
+          <div
+            v-if="messageText"
+            class="text-md font-bold py-2"
+            :class="bgColor ? 'text-gray-200' : null"
+          >
             <p>{{ messageText }}</p>
           </div>
           <slot name="content"></slot>
@@ -40,9 +44,10 @@
             {{ confirmText }}
           </button>
 
-          <span class="absolute bottom-1 left-[17rem] text-xs flex justify-center items-center text-red-500 mx-auto">{{
-            clickOutsideText
-          }}</span>
+          <span
+            class="absolute bottom-1 left-[17rem] text-xs flex justify-center items-center text-red-500 mx-auto"
+            >{{ clickOutsideText }}</span
+          >
         </div>
       </div>
     </div>
@@ -60,18 +65,27 @@ const emitConfirmAction = () => {
   emit("confirmAction");
 };
 
-const { icon, altText, mainTitle, messageText, confirmText, clickOutsideText, bgColor, btnColor, iconSize } =
-  defineProps({
-    icon: String,
-    altText: String,
-    mainTitle: String,
-    messageText: String,
-    confirmText: String,
-    confirmBtn: Boolean,
-    clickOutsideText: String,
-    bgColor: String,
-    btnColor: String,
-    iconSize: String,
-    isDisabled: Boolean,
-  });
+const {
+  icon,
+  altText,
+  mainTitle,
+  messageText,
+  confirmText,
+  clickOutsideText,
+  bgColor,
+  btnColor,
+  iconSize,
+} = defineProps({
+  icon: String,
+  altText: String,
+  mainTitle: String,
+  messageText: String,
+  confirmText: String,
+  confirmBtn: Boolean,
+  clickOutsideText: String,
+  bgColor: String,
+  btnColor: String,
+  iconSize: String,
+  isDisabled: Boolean,
+});
 </script>
diff --git a/launcher/src/components/UI/node-page/components/modals/ResyncModal.vue b/launcher/src/components/UI/node-page/components/modals/ResyncModal.vue
index 8d7ab1f3f..398cf864a 100755
--- a/launcher/src/components/UI/node-page/components/modals/ResyncModal.vue
+++ b/launcher/src/components/UI/node-page/components/modals/ResyncModal.vue
@@ -21,118 +21,18 @@
         >
       </div>
 
-      <div class="resync-box">
-        <carousel
-          ref="carousel"
-          v-model="currentSlide"
-          :items-to-show="1"
-          :wrap-around="true"
-          :transition="500"
-          :class="{ disabled: item.category === 'execution' }"
-        >
-          <slide v-for="(Stype, index) in clickInstallStore.syncType" :key="index">
-            <div class="syncBox">
-              <div v-if="Stype.type === 'Syncs from genesis' || item.category === 'execution'" class="syncContent">
-                <div class="syncText">
-                  <span>{{ Stype.name }}</span>
-                  <span>{{ Stype.type }}</span>
-                </div>
-              </div>
-              <div v-else-if="Stype.type === 'custom source' && item.category === 'consensus'" class="syncContent">
-                <div class="syncText">
-                  <span>{{ Stype.name }}</span>
-                  <span>{{ Stype.type }}</span>
-                </div>
-                <div
-                  class="inputBox_select-box min-h-[37px] bg-[#23272c] text-gray-100 rounded-sm flex justify-center items-center text-sm"
-                >
-                  <input
-                    id="url-input"
-                    v-model="checkPointSync"
-                    type="text"
-                    class="w-full h-full min-h-[37px] bg-[#23272c] text-gray-100 rounded-sm flex justify-center items-center text-sm px-2 overflow-hidden"
-                    placeholder="https://example.cc/"
-                    @input="validateUrl"
-                  />
-                </div>
-              </div>
-              <div v-else-if="Stype.type === 'recommended' && item.category === 'consensus'" class="syncContent">
-                <div class="syncText">
-                  <span>{{ Stype.name }}</span>
-                  <span>{{ Stype.type }}</span>
-                </div>
-                <div class="inputBox_select-box min-h-[37px]">
-                  <div
-                    v-if="selectedItem == '- SELECT A SOURCE -'"
-                    class="w-full h-full min-h-[37px] bg-[#23272c] text-gray-200 rounded-sm flex justify-center items-center text-sm cursor-pointer"
-                    @click="tglDropdown"
-                  >
-                    {{ selectedItem }}
-                  </div>
-                  <div
-                    v-else
-                    class="w-full min-h-[37px] flex justify-between items-center px-1 bg-[#23272c]"
-                    @click="tglDropdown"
-                  >
-                    <div v-if="selectedIcon !== ''" class="w-1/6 h-[37px] flex justify-center items-center">
-                      <img class="w-[25px]" :src="selectedIcon" :alt="selectedItem" />
-                    </div>
-                    <div v-if="selectedIcon !== ''" class="text-sm text-center text-gray-200">
-                      {{ selectedItem }}
-                    </div>
-                    <div v-else class="text-sm text-center text-gray-200">{{ selectedItem }}</div>
-                    <div @click="handleOpenWindow">
-                      <img
-                        class="w-6 cursor-pointer hover:scale-95"
-                        src="/img/icon/service-modals-icons/internet.png"
-                        alt="Internet"
-                      />
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </slide>
-
-          <template v-if="item.category === 'consensus'" #addons>
-            <navigation />
-          </template>
-        </carousel>
-        <div
-          v-if="drpDown"
-          class="absolute right-[10.5rem] bottom-2 z-10 mt-2 w-56 h-32 origin-top-right divide-y divide-gray-300 rounded-md bg-gray-100 shadow-lg focus:outline-none overflow-y-scroll"
-          role="menu"
-          aria-orientation="vertical"
-          aria-labelledby="menu-button"
-          tabindex="-1"
-          @mouseleave="drpDown = false"
-        >
-          <div
-            v-for="link in selectedLinks"
-            :key="link"
-            class="py-2 flex justify-start items-center px-2 bg-gray-200 hover:bg-blue-500 cursor-pointer"
-            role="none"
-            @click="linkPicker(link)"
-          >
-            <img class="w-6" :src="link.icon" alt="" />
-            <span class="text-gray-700 text-sm font-semibold ml-3" role="menuitem" tabindex="-1">{{ link.name }}</span>
-          </div>
-        </div>
-      </div>
-      <div class="error">
-        <span v-if="error">{{ error }}</span>
+      <div class="px-20">
+        <SyncCarousel :item="props.item" />
       </div>
     </template>
   </custom-modal>
 </template>
 <script setup>
 import { useClickInstall } from "@/store/clickInstallation";
-import { useNodeManage } from "@/store/nodeManage";
-import CustomModal from "./CustomModal.vue";
-import "vue3-carousel/dist/carousel.css";
-import { Carousel, Slide, Navigation } from "vue3-carousel";
 import ControlService from "@/store/ControlService";
-import { watch, ref, onMounted } from "vue";
+import "vue3-carousel/dist/carousel.css";
+import SyncCarousel from "../../../edit-page/components/edit/SyncCarousel.vue";
+import CustomModal from "./CustomModal.vue";
 
 //Props and Emits
 const props = defineProps({
@@ -141,396 +41,20 @@ const props = defineProps({
 
 const emit = defineEmits(["closeWindow"]);
 
-//Refs
-const currentSlide = ref(0);
-const btnActive = ref(true);
-const checkPointSync = ref("");
-const error = ref("");
-const drpDown = ref(false);
-const selectedLinks = ref([]);
-const selectedItem = ref("- SELECT A SOURCE -"); // selected link to use for resync
-const prevVal = ref(0);
-const selectedIcon = ref("");
-
-const clickInstallStore = useClickInstall();
-const nodeManageStore = useNodeManage();
-
-//Watchers
-
-watch(currentSlide, (newVal) => {
-  if (newVal != prevVal.value) {
-    prevVal.value = newVal;
-    checkPointSync.value = "";
-    selectedItem.value = "- SELECT A SOURCE -";
-    selectedIcon.value = "";
-  }
-  btnActive.value = newVal === 0 || checkPointSync.value !== "";
-  if (newVal === 2) {
-    btnActive.value = true;
-  }
-});
-
-watch(checkPointSync, (newVal) => {
-  btnActive.value = newVal !== "" || currentSlide.value === 0;
-});
-
-//Lifecycle Hooks
-onMounted(() => {
-  if (props.item.category === "execution") currentSlide.value = 2;
-  setSelectedLinks();
-});
+const installStore = useClickInstall();
 
 //Methods
 
 const closeWindow = () => {
   emit("closeWindow");
 };
-const handleOpenWindow = () => {
-  let url = checkPointSync.value;
-  window.open(url, "_blank");
-};
+
 const resync = async (el) => {
   emit("closeWindow");
   await ControlService.chooseServiceAction({
     action: "reSync",
     service: el.config.serviceID,
-    data: checkPointSync.value,
+    data: installStore.checkPointSync,
   });
 };
-const validateUrl = () => {
-  const regex = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/i;
-  if (!checkPointSync.value) {
-    error.value = "";
-  } else if (!regex.test(checkPointSync.value)) {
-    error.value = "Please enter a valid URL without spaces";
-    btnActive.value = false;
-  } else {
-    error.value = "";
-  }
-};
-const tglDropdown = () => {
-  drpDown.value = !drpDown.value;
-};
-const linkPicker = (item) => {
-  selectedItem.value = item.name;
-  selectedIcon.value = item.icon;
-  checkPointSync.value = item.url;
-  drpDown.value = false;
-  btnActive.value = true;
-};
-const setSelectedLinks = () => {
-  selectedLinks.value = clickInstallStore[nodeManageStore.currentNetwork.network];
-};
 </script>
-
-<style scoped>
-.inputBox_select-box {
-  width: 60%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.wrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.icon-box {
-  width: 20%;
-  height: 90%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #151a1e;
-  border: 2px solid rgb(161, 161, 161);
-  border-radius: 10px;
-  overflow: hidden;
-  cursor: pointer;
-}
-.icon-box img {
-  width: 92%;
-  height: 95%;
-}
-.selected-item {
-  width: 58%;
-  height: 90%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #151a1e;
-  border: 2px solid #a1a1a1;
-  border-radius: 10px;
-  color: #c1c1c1;
-  font-size: 80%;
-  font-weight: 600;
-  cursor: pointer;
-}
-.w-selected {
-  width: 80%;
-  height: 90%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #151a1e;
-  border: 2px solid #c1c1c1;
-  border-radius: 10px;
-  color: #c1c1c1;
-  font-size: 100%;
-  font-weight: 600;
-  cursor: pointer;
-}
-.openURL {
-  width: 15%;
-  height: 95%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-.openURL img {
-  width: 90%;
-  height: 65%;
-}
-.openURL:active {
-  transform: scale(0.9);
-}
-.select-button {
-  border: none;
-  width: 100%;
-  height: 100%;
-  border-radius: 10px;
-  color: #c1c1c1;
-  background: #151a1e;
-  font-size: 80%;
-  font-weight: 500;
-  cursor: pointer;
-  box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.select-button:hover {
-  border: none;
-  color: #c1c1c1;
-  box-sizing: border-box;
-  border: 2px solid #c1c1c1;
-}
-
-.select span {
-  display: flex;
-  width: 55%;
-  height: 100%;
-  justify-content: center;
-  align-items: center;
-  font-size: 100%;
-  font-weight: 600;
-}
-.selected-icon {
-  width: 40%;
-  height: 120%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: flex-start;
-}
-.selected-icon img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-.selection-column-modal {
-  width: 32%;
-  height: 50%;
-  display: flex;
-  background: #1258a2;
-  color: #d5d5d5;
-  font-weight: 400;
-  position: absolute;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  top: 75%;
-  left: 46%;
-  z-index: 500;
-  border-radius: 0 0 10px 10px;
-}
-.link-wapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  overflow-y: scroll;
-  justify-content: flex-start;
-  align-items: flex-start;
-  border-radius: 0 0 10px 10px;
-}
-.option-row {
-  width: 100%;
-  height: 30%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 100%;
-  font-weight: 600;
-  padding: 1%;
-  margin-bottom: 1%;
-  border-bottom: 1px solid #d5d5d5;
-  flex-shrink: 0;
-  flex-grow: 0;
-  overflow-x: auto;
-  cursor: pointer;
-  color: #c1c1c1;
-}
-.iconSelector {
-  width: 25%;
-  height: 90%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-right: 2%;
-}
-.nameSelector {
-  width: 75%;
-  height: 90%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  font-size: 85%;
-}
-.iconSelector img {
-  width: 70%;
-}
-.option-row:hover {
-  background-color: #c1c1c1;
-  color: #1258a2;
-}
-.option-row span {
-  white-space: nowrap;
-}
-
-::-webkit-scrollbar-track {
-  background: none;
-}
-
-::-webkit-scrollbar-thumb {
-  background: none;
-}
-.error {
-  color: red;
-  width: 90%;
-  height: 4%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 50%;
-}
-.disabled {
-  pointer-events: none;
-}
-.clickOut {
-  font-size: 70%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 6%;
-  color: red;
-  position: absolute;
-  bottom: 0;
-}
-.resync-modal_parent {
-  width: 100vw;
-  height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 300;
-}
-.bg-dark {
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  opacity: 0.3;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 202;
-  cursor: default;
-}
-.browser-modal {
-  width: 60%;
-  height: 55%;
-  background-color: #212122;
-  border: 5px solid rgb(161, 161, 161);
-  border-radius: 70px;
-  position: absolute;
-  top: 24%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  z-index: 1050;
-  cursor: default;
-}
-
-.resync-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 95%;
-  height: 25%;
-}
-
-.resync-message {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  width: 100%;
-  height: 30%;
-  flex-direction: column;
-  font-size: 80%;
-  font-weight: 500;
-  text-transform: uppercase;
-  color: #eee;
-}
-.resync-message_nameId {
-  font-size: 130%;
-  font-weight: 800;
-}
-.resync-box {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 95%;
-  height: 18%;
-}
-.resync-confirm {
-  width: 40%;
-  height: 12%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: red;
-  font-size: 100%;
-  text-transform: uppercase;
-  font-weight: 700;
-  border-radius: 15px;
-  color: #eee;
-  cursor: pointer;
-}
-.resync-confirm:active {
-  transform: scale(0.9);
-}
-.deactive {
-  opacity: 50%;
-  pointer-events: none;
-}
-.active {
-  opacity: 1;
-  pointer-events: visible;
-}
-</style>
diff --git a/launcher/src/components/layers/NetworkStatus.vue b/launcher/src/components/layers/NetworkStatus.vue
index 27084a47f..949a3629d 100644
--- a/launcher/src/components/layers/NetworkStatus.vue
+++ b/launcher/src/components/layers/NetworkStatus.vue
@@ -1,9 +1,11 @@
 <template>
   <div
-    class="w-full h-full col-start-1 col-span-full bg-[#151618] border border-gray-600 px-1 grid grid-cols-3 relative"
+    class="w-full h-full col-start-1 col-span-full bg-[#151618] border border-gray-600 px-1 grid grid-cols-3"
     :class="route.path === '/staking' ? 'rounded-[4px]' : 'mt-1 rounded-md'"
   >
-    <div class="w-[32px] h-[32px] self-center col-start-1 col-span-1 flex justify-center items-center">
+    <div
+      class="w-[32px] h-[32px] self-center col-start-1 col-span-1 flex justify-center items-center"
+    >
       <WiFiSign :status="nodeStore.connectionStatus?.status" />
     </div>
     <div
@@ -68,10 +70,16 @@ const getConnectionStatus = computed(() => {
 });
 
 watchEffect(() => {
-  if (nodeStore.connectionStatus?.status === "very poor" || nodeStore.connectionStatus?.status === "poor") {
+  if (
+    nodeStore.connectionStatus?.status === "very poor" ||
+    nodeStore.connectionStatus?.status === "poor"
+  ) {
     if (!alertTimeout.value) {
       alertTimeout.value = setTimeout(() => {
-        if (nodeStore.connectionStatus?.status === "very poor" || nodeStore.connectionStatus?.status === "poor") {
+        if (
+          nodeStore.connectionStatus?.status === "very poor" ||
+          nodeStore.connectionStatus?.status === "poor"
+        ) {
           nodeStore.connectionStatusIsPoor = true;
         }
         alertTimeout.value = null;
diff --git a/launcher/src/store/clickInstallation.js b/launcher/src/store/clickInstallation.js
index 4dc201c67..193ba47bc 100755
--- a/launcher/src/store/clickInstallation.js
+++ b/launcher/src/store/clickInstallation.js
@@ -11,7 +11,7 @@ export const useClickInstall = defineStore("clickInstallation", {
       currentSlide: 0,
       btnActive: false,
       selectedItem: "- SELECT A SOURCE -",
-      selectedLinks: null,
+      selectedLink: null,
       selectedIcon: null,
       syncType: [
         {