diff --git a/src/views/dashboard/graphs/components/Legend.vue b/src/views/dashboard/graphs/components/Legend.vue
index df55ac5e..b9839be4 100644
--- a/src/views/dashboard/graphs/components/Legend.vue
+++ b/src/views/dashboard/graphs/components/Legend.vue
@@ -35,7 +35,7 @@ limitations under the License. -->
           <th>
             <el-popover placement="bottom" :width="230" trigger="click">
               <template #reference>
-                <div>
+                <div class="name">
                   <Icon iconName="circle" :style="`color: ${colors[index]};`" />
                   <i>{{ item.name }}</i>
                 </div>
@@ -127,6 +127,10 @@ table thead th {
   background: #fff;
 }
 
+.name {
+  cursor: pointer;
+}
+
 table td {
   padding: 5px;
   text-align: center;
@@ -164,10 +168,6 @@ i {
   }
 }
 
-.name {
-  cursor: pointer;
-}
-
 .list {
   height: 360px;
   overflow: auto;