diff --git a/src/views/alarm/Content.vue b/src/views/alarm/Content.vue
index 294c4fdb..56001b31 100644
--- a/src/views/alarm/Content.vue
+++ b/src/views/alarm/Content.vue
@@ -142,7 +142,79 @@ limitations under the License. -->
   }
 </script>
 <style lang="scss" scoped>
-  @import url("./style.scss");
+  .timeline-table {
+    padding: 30px 20px 20px 40px;
+    flex-grow: 1;
+    overflow: auto;
+    height: 100%;
+  }
+
+  .time-line {
+    padding: 14px 30px;
+    min-height: 63px;
+    max-width: 132px;
+  }
+
+  .timeline-table-i {
+    padding: 10px 15px;
+    border-left: 4px solid #eee;
+    position: relative;
+
+    &::after {
+      content: "";
+      display: inline-block;
+      position: absolute;
+      width: 7px;
+      height: 7px;
+      left: -23px;
+      top: 25px;
+      border-radius: 4px;
+      background-color: #448dfe;
+    }
+
+    &::before {
+      content: "";
+      display: inline-block;
+      position: absolute;
+      width: 1px;
+      height: calc(100% + 11px);
+      top: 0;
+      left: -20px;
+      border-radius: 5px;
+      background-color: #448dfe99;
+    }
+  }
+
+  .timeline-table-i-scope {
+    display: inline-block;
+    padding: 0 8px;
+    border: 1px solid;
+    margin-top: -1px;
+    border-radius: 4px;
+  }
+
+  .timeline-item {
+    cursor: pointer;
+    margin-bottom: 9px;
+  }
+
+  .keys {
+    font-weight: bold;
+    display: inline-block;
+    width: 120px;
+  }
+
+  .source > span {
+    display: inline-block;
+  }
+
+  .source > div {
+    padding-left: 120px;
+  }
+
+  .uuid {
+    width: 280px;
+  }
 
   .tips {
     width: 100%;
diff --git a/src/views/alarm/style.scss b/src/views/alarm/style.scss
deleted file mode 100644
index 85fbcc9a..00000000
--- a/src/views/alarm/style.scss
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements.  See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License.  You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */
-
-.timeline-table {
-  padding: 30px 20px 20px 40px;
-  flex-grow: 1;
-  overflow: auto;
-  height: 100%;
-}
-
-.time-line {
-  padding: 14px 30px;
-  min-height: 63px;
-  max-width: 132px;
-}
-
-.timeline-table-i {
-  padding: 10px 15px;
-  border-left: 4px solid #eee;
-  position: relative;
-
-  &::after {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    width: 7px;
-    height: 7px;
-    left: -23px;
-    top: 25px;
-    border-radius: 4px;
-    background-color: #448dfe;
-  }
-
-  &::before {
-    content: "";
-    display: inline-block;
-    position: absolute;
-    width: 1px;
-    height: calc(100% + 11px);
-    top: 0;
-    left: -20px;
-    border-radius: 5px;
-    background-color: #448dfe99;
-  }
-}
-
-.timeline-table-i-scope {
-  display: inline-block;
-  padding: 0 8px;
-  border: 1px solid;
-  margin-top: -1px;
-  border-radius: 4px;
-}
-
-.timeline-item {
-  cursor: pointer;
-  margin-bottom: 9px;
-}
-
-.keys {
-  font-weight: bold;
-  display: inline-block;
-  width: 120px;
-}
-
-.source > span {
-  display: inline-block;
-}
-
-.source > div {
-  padding-left: 120px;
-}
-
-.uuid {
-  width: 280px;
-}