diff --git a/src/assets/scss/theme/_dark.scss b/src/assets/scss/theme/_dark.scss
index 4c4d4a3..9e8a382 100644
--- a/src/assets/scss/theme/_dark.scss
+++ b/src/assets/scss/theme/_dark.scss
@@ -763,4 +763,7 @@
 }
 #dark .dropdown_li .qr-code{
 	background-color: #fff;
+}
+#dark .active{
+	background-color: #eee;
 }
\ No newline at end of file
diff --git a/src/views/contract/handicap.vue b/src/views/contract/handicap.vue
index 757401a..cd2aa20 100644
--- a/src/views/contract/handicap.vue
+++ b/src/views/contract/handicap.vue
@@ -107,7 +107,7 @@
             {{ $t("contract.e1") }}({{ $t("contract.e2") }})
           </div>
         </div>
-        <div class="d-flex fn-12 justify-content-between" v-for="(item, idx) in tradeList" :key="idx">
+        <div class="d-flex fn-12 justify-content-between" v-for="(item, idx) in tradeList.slice(0,30)" :key="idx">
           <div class="w-10/24">
             {{ parseTime(item.ts, false, "{h}:{i}:{s}") }}
           </div>
diff --git a/src/views/contract/index.vue b/src/views/contract/index.vue
index dc038de..c2195a7 100644
--- a/src/views/contract/index.vue
+++ b/src/views/contract/index.vue
@@ -396,6 +396,7 @@ export default {
 		color: #53b987;
 	}
 	.active{
-		background-color: #eee;
+		// background-color: #eee;
+		background-color: #141e2c;
 	}
 </style>