diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/assetMetaBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/assetMetaBox.scss
new file mode 100644
index 000000000..00dac6207
--- /dev/null
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/assetMetaBox.scss
@@ -0,0 +1,9 @@
+.right-box-asset-meta{
+  .datetime-header{
+    display: inline-block;
+    width: 80px;
+    margin-right: 10px;
+    text-align: right;
+    color: $--color-text-regular;
+  }
+}
diff --git a/nezha-fronted/src/assets/css/components/index.scss b/nezha-fronted/src/assets/css/components/index.scss
index 1a5a41667..cae2cdda0 100644
--- a/nezha-fronted/src/assets/css/components/index.scss
+++ b/nezha-fronted/src/assets/css/components/index.scss
@@ -48,6 +48,7 @@
 @import './common/rightBox/batchModifyEndpoint.scss';
 @import './common/rightBox/editEndpointBoxNew.scss';
 @import './common/rightBox/locationCascader.scss';
+@import './common/rightBox/assetMetaBox.scss';
 @import './common/rightBox/menuBox.scss';
 @import './common/rightBox/moduleBox.scss';
 @import './common/rightBox/ipam.scss';
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index f3535bf26..9dbca0e5d 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -490,10 +490,4 @@ export default {
   .meta-option-box{
 
   }
-  .datetime-header{
-    display: inline-block;
-    width: 80px;
-    margin-right: 10px;
-    text-align: right;
-  }
 </style>