diff --git a/src/pages/Order/OrderVolume.vue b/src/pages/Order/OrderVolume.vue
index f2b451628..2c962600e 100644
--- a/src/pages/Order/OrderVolume.vue
+++ b/src/pages/Order/OrderVolume.vue
@@ -94,11 +94,6 @@ const loadVolumes = async (rows) => {
 </template>
 
 <style lang="scss">
-.card-list {
-    width: 100%;
-    max-width: 60em;
-}
-
 .order-volume-summary {
     .vn-label-value {
         display: flex;
@@ -121,6 +116,11 @@ const loadVolumes = async (rows) => {
 }
 </style>
 <style lang="scss" scoped>
+.card-list {
+    width: 100%;
+    max-width: 60em;
+}
+
 .header {
     color: $primary;
     font-weight: bold;