diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
index 1abae1563..be82f8cf0 100644
--- a/src/components/ui/CardList.vue
+++ b/src/components/ui/CardList.vue
@@ -30,6 +30,7 @@ const $props = defineProps({
         display: flex;
         justify-content: flex-start;
         gap: 10px;
+        width: 100%;
         .label {
             max-width: 90px;
             flex: 1;
@@ -55,6 +56,13 @@ const $props = defineProps({
         font-size: 25px;
     }
 }
+@media (min-width: 1024px) and (max-width: 1200px) {
+    .card-list-body {
+        .vn-label-value {
+            max-width: 150px;
+        }
+    }
+}
 @media (max-width: 460px) {
     .card-list-body {
         .vn-label-value {
@@ -90,12 +98,18 @@ const $props = defineProps({
     grid-template-columns: repeat(2, 1fr);
     row-gap: 10px;
     column-gap: 10vw;
-    margin-right: 5px;
+    margin-right: 10px;
 }
 
 .actions {
     display: flex;
     flex-direction: column;
+    justify-content: center;
+}
+@media (min-width: 1024px) and (max-width: 1100px) {
+    .list-items {
+        column-gap: 5vw;
+    }
 }
 @media (max-width: 600px) {
     .list-items {