diff --git a/src/components/customUI/Table.vue b/src/components/customUI/Table.vue
index 982b163..6d27bec 100644
--- a/src/components/customUI/Table.vue
+++ b/src/components/customUI/Table.vue
@@ -161,7 +161,7 @@ watch(
   <div :class="withStyle ? 'content-box' : 'py-5'">
     <div class="content-decoration">
       <slot name="beforeTable"></slot>
-      <form ref="form " class="overflow-x-auto">
+      <form ref="form" class="overflow-x-auto">
         <table
           :class="
             twMerge(
diff --git a/src/views/dashboard/components/DashboardSysProgress.vue b/src/views/dashboard/components/DashboardSysProgress.vue
index b443226..a685e06 100644
--- a/src/views/dashboard/components/DashboardSysProgress.vue
+++ b/src/views/dashboard/components/DashboardSysProgress.vue
@@ -73,11 +73,11 @@ const getProgressValue = (group) => {
             <img src="@ASSET/img/state-ul.svg" />
             <div class="box">
               <div class="mark">
-                <span>{{ group[0].value }}</span>
+                <span class="w-10">{{ group[0].value }}</span>
                 <span
                   ><img class="w-[50px]" src="@ASSET/img/state-ul-text.svg" />
                 </span>
-                <span>{{ group[1].value }}</span>
+                <span class="w-10">{{ group[1].value }}</span>
               </div>
               <progress
                 class="progress [&::-webkit-progress-value]:bg-red-600 [&::-moz-progress-bar]:bg-red-600"
diff --git a/src/views/graphManagement/components/GraphModal.vue b/src/views/graphManagement/components/GraphModal.vue
index ae0e807..327a5b2 100644
--- a/src/views/graphManagement/components/GraphModal.vue
+++ b/src/views/graphManagement/components/GraphModal.vue
@@ -43,9 +43,9 @@ const specOptions = computed(() => {
   return options.value.find(({ selected }) => selected)?.spec || [];
 });
 
-onMounted(() => {
-  getOption();
-});
+// onMounted(() => {
+//   getOption();
+// });
 
 const openModal = () => {
   graph_add_item.showModal();
diff --git a/src/views/graphManagement/components/GraphSidebar.vue b/src/views/graphManagement/components/GraphSidebar.vue
index 864a2ff..15314a9 100644
--- a/src/views/graphManagement/components/GraphSidebar.vue
+++ b/src/views/graphManagement/components/GraphSidebar.vue
@@ -130,8 +130,8 @@ const getNewFilename = async (e) => {
     });
     getData(res);
   } else if (
-    e.target.value !== "" &&
-    e.target.value !== selectedItem.value?.title
+    e?.target.value !== "" &&
+    e?.target.value !== selectedItem.value?.title
   ) {
     // 編輯
     const res = await updateSideBarTreeName({
diff --git a/src/views/system/components/SystemInfoModalImage.vue b/src/views/system/components/SystemInfoModalImage.vue
index 03c077a..c8e6cab 100644
--- a/src/views/system/components/SystemInfoModalImage.vue
+++ b/src/views/system/components/SystemInfoModalImage.vue
@@ -26,7 +26,7 @@ watch(
         <font-awesome-icon
           :icon="['fas', 'chevron-left']"
           size="lg"
-          class="text-[#a5abb1]"
+          class="text-[#1b1b1b]"
         />
       </div>
     </template>
@@ -35,7 +35,7 @@ watch(
         <font-awesome-icon
           :icon="['fas', 'chevron-right']"
           size="lg"
-          class="text-[#a5abb1]"
+          class="text-[#1b1b1b]"
         />
       </div>
     </template>
@@ -49,7 +49,8 @@ watch(
 /* For demo */
 :deep(.slick-slide) {
   text-align: center;
-  background: #1d2429;
+  background: #c5c5c5;
+  height: 400px;
   overflow: hidden;
 }
 
@@ -57,8 +58,6 @@ watch(
   width: 25px;
   height: 25px;
   font-size: 25px;
-  color: #fff;
-  background-color: rgba(31, 45, 61, 0.11);
   transition: ease all 0.3s;
   opacity: 0.3;
   z-index: 1;