diff --git a/src/views/dashboard/components/WidgetLink.vue b/src/views/dashboard/components/WidgetLink.vue
index c6721fe6..35684e83 100644
--- a/src/views/dashboard/components/WidgetLink.vue
+++ b/src/views/dashboard/components/WidgetLink.vue
@@ -62,8 +62,8 @@ limitations under the License. -->
     const destPodId = selectorStore.currentDestPod ? selectorStore.currentDestPod.id : null;
     const destProcessId = selectorStore.currentDestProcess ? selectorStore.currentDestProcess.id : null;
     const duration = JSON.stringify({
-      start: dates.value[0] || appStore.duration.start,
-      end: dates.value[1] || appStore.duration.end,
+      start: new Date(dates.value[0] || appStore.duration.start).getTime(),
+      end: new Date(dates.value[1] || appStore.duration.end).getTime(),
       step: appStore.duration.step,
       utc: appStore.utc,
     });
@@ -73,10 +73,10 @@ limitations under the License. -->
       graph: dashboardStore.selectedGrid.graph,
       metrics: dashboardStore.selectedGrid.metrics,
       metricTypes: dashboardStore.selectedGrid.metricTypes,
+      metricConfig: dashboardStore.selectedGrid.metricConfig,
     });
-    widgetLink.value = hasDuration.value
-      ? `/page/${dashboardStore.entity}/${serviceId}/${podId}/${processId}/${destServiceId}/${destPodId}/${destProcessId}/${config}/${duration}`
-      : `/page/${dashboardStore.entity}/${serviceId}/${podId}/${processId}/${destServiceId}/${destPodId}/${destProcessId}/${config}`;
+    const path = `/page/${dashboardStore.entity}/${serviceId}/${podId}/${processId}/${destServiceId}/${destPodId}/${destProcessId}/${config}`;
+    widgetLink.value = hasDuration.value ? `${path}/${duration}` : path;
   }
   function viewPage() {
     const routeUrl = router.resolve({ path: widgetLink.value });
diff --git a/src/views/dashboard/controls/Widget.vue b/src/views/dashboard/controls/Widget.vue
index 618237c8..afab6592 100644
--- a/src/views/dashboard/controls/Widget.vue
+++ b/src/views/dashboard/controls/Widget.vue
@@ -26,16 +26,16 @@ limitations under the License. -->
             <Icon iconName="info_outline" size="sm" class="operation" v-show="widget.tips" />
           </span>
         </el-tooltip>
-        <el-popover placement="bottom" trigger="click" :width="100" v-if="dashboardStore.editMode">
+        <el-popover placement="bottom" trigger="click" :width="100">
           <template #reference>
             <span>
               <Icon iconName="ellipsis_v" size="middle" class="operation" />
             </span>
           </template>
-          <div class="tools" @click="editConfig">
+          <div class="tools" @click="editConfig" v-if="dashboardStore.editMode">
             <span>{{ t("edit") }}</span>
           </div>
-          <div class="tools" @click="removeWidget">
+          <div class="tools" @click="removeWidget" v-if="dashboardStore.editMode">
             <span>{{ t("delete") }}</span>
           </div>
           <div class="tools" @click="generateLink">