diff --git a/src/views/modules/census/census-houseList.vue b/src/views/modules/census/census-houseList.vue
index 197372ab2..1a19a321a 100644
--- a/src/views/modules/census/census-houseList.vue
+++ b/src/views/modules/census/census-houseList.vue
@@ -790,6 +790,8 @@ export default {
 .legend {
 	display: flex;
 	flex-flow: row wrap;
+	height: 252px;
+    overflow-y: auto;
 	.legend-row {
 		cursor: pointer;
 		min-width: 100px;
diff --git a/src/views/modules/census/census-residentList.vue b/src/views/modules/census/census-residentList.vue
index 2567f1587..2327d74d4 100644
--- a/src/views/modules/census/census-residentList.vue
+++ b/src/views/modules/census/census-residentList.vue
@@ -759,6 +759,8 @@ export default {
 .legend {
 	display: flex;
 	flex-flow: row wrap;
+	height: 252px;
+    overflow-y: auto;
 	.legend-row {
 		cursor: pointer;
 		min-width: 100px;
diff --git a/src/views/modules/communityParty/dyhx/party.vue b/src/views/modules/communityParty/dyhx/party.vue
index 05d3fa01d..ffc1571b2 100644
--- a/src/views/modules/communityParty/dyhx/party.vue
+++ b/src/views/modules/communityParty/dyhx/party.vue
@@ -809,6 +809,8 @@ export default {
 .legend {
 	display: flex;
 	flex-flow: row wrap;
+	height: 252px;
+	overflow-y: scroll;
 	.legend-row {
 		cursor: pointer;
 		min-width: 100px;