diff --git a/src/views/alarm/Content.vue b/src/views/alarm/Content.vue
index 8d9773d0..0faa698f 100644
--- a/src/views/alarm/Content.vue
+++ b/src/views/alarm/Content.vue
@@ -33,6 +33,7 @@ limitations under the License. -->
           >
             {{ t(i.scope.toLowerCase()) }}
           </div>
+          <div class="ml-10">{{ i.snapshot.expression }}</div>
           <div class="mini-chart">
             <Line
               :data="handleMetrics(i.snapshot)"
diff --git a/src/views/alarm/components/Line.vue b/src/views/alarm/components/Line.vue
index 4172ea7b..06111324 100644
--- a/src/views/alarm/components/Line.vue
+++ b/src/views/alarm/components/Line.vue
@@ -13,9 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <div class="snapshot-charts">
-    <Graph :option="option" @select="clickEvent" />
-  </div>
+  <Graph :option="option" @select="clickEvent" />
 </template>
 <script lang="ts" setup>
   import { computed } from "vue";
diff --git a/src/views/alarm/components/Snapshot.vue b/src/views/alarm/components/Snapshot.vue
index c8dda151..690c0e63 100644
--- a/src/views/alarm/components/Snapshot.vue
+++ b/src/views/alarm/components/Snapshot.vue
@@ -13,13 +13,12 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <div class="snapshot flex-v">
-    <LineChart
-      :intervalTime="appStore.intervalTime"
-      :data="metrics"
-      :style="{ width: `800px`, height: `${metrics.length * 300}px` }"
-    />
-  </div>
+  <LineChart
+    class="snapshot flex-v"
+    :intervalTime="appStore.intervalTime"
+    :data="metrics"
+    :style="{ width: `800px`, height: `${metrics.length * 300}px` }"
+  />
 </template>
 <script lang="ts" setup>
   import { computed } from "vue";