diff --git a/src/assets/css/components/views/charts2/linkTrafficLine.scss b/src/assets/css/components/views/charts2/linkTrafficLine.scss
new file mode 100644
index 00000000..ba183453
--- /dev/null
+++ b/src/assets/css/components/views/charts2/linkTrafficLine.scss
@@ -0,0 +1,39 @@
+.link-traffic-line {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  border: 1px solid #E2E5EC;
+  .line.network.link-traffic {
+    border: none;
+    flex: 6.5;
+    .line-select-metric {
+      margin-right: 20px;
+    }
+  }
+  .link-traffic-list {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    padding: 20px 20px 0 20px;
+    border-right: 1px solid #E2E5EC;
+    .link-traffic-list-center:nth-of-type(1) {
+      margin-top: 0;
+    }
+    .link-traffic-list-center {
+      display: flex;
+      flex-direction: column;
+      margin-top: 5px;
+      .link-traffic-list-center-label {
+        margin-bottom: 2px;
+        font-size: 12px;
+        color: #717171;
+        font-weight: 400;
+      }
+      .link-traffic-list-center-value {
+        font-size: 14px;
+        color: #046ECA;
+        font-weight: 600;
+      }
+    }
+  }
+}