diff --git a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChainPercent.tsx b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChainPercent.tsx index f1486f00e..0ce3009fe 100644 --- a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChainPercent.tsx +++ b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChainPercent.tsx @@ -13,11 +13,11 @@ const ActiveAddressChainPercent = ({ data = [] }: { data: any }) => { animationEnabled: true, exportEnabled: false, dataPointWidth: 0, + height: 200, title: { text: '', }, legend: { - reversed: true, verticalAlign: 'center', horizontalAlign: 'right', }, diff --git a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChart.tsx b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChart.tsx index 006ad39c8..ee5b54488 100644 --- a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChart.tsx +++ b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressChart.tsx @@ -50,6 +50,7 @@ const ActiveAddressChart = ({ data = [] }: { data: any }) => { ], chart: { type: 'column', + height: '200px', }, plotOptions: { column: { diff --git a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressPerChain.tsx b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressPerChain.tsx index a516cf3b5..589070145 100644 --- a/src/modules/l2-rollup/AddressesEngagement/ActiveAddressPerChain.tsx +++ b/src/modules/l2-rollup/AddressesEngagement/ActiveAddressPerChain.tsx @@ -15,6 +15,7 @@ const ActiveAddressPerChain = ({ data = [] }: { data: any }) => { title: { text: '', }, + height: 200, legend: { reversed: true, verticalAlign: 'center', diff --git a/src/modules/l2-rollup/AddressesEngagement/styles.module.scss b/src/modules/l2-rollup/AddressesEngagement/styles.module.scss index d684ae284..b287dff00 100644 --- a/src/modules/l2-rollup/AddressesEngagement/styles.module.scss +++ b/src/modules/l2-rollup/AddressesEngagement/styles.module.scss @@ -18,7 +18,6 @@ background-color: #f5f5f5; margin: 8px; border-radius: 100px; - height: 48px; padding: 4px; align-items: center; cursor: pointer; @@ -26,9 +25,9 @@ height: 100%; justify-content: center; align-items: center; - padding: 0px 12px; border-radius: 100px; overflow: hidden; + padding: 6px 8px; &.btnFilterActive { background-color: #fff; p { @@ -37,6 +36,7 @@ } p { opacity: 0.7; + font-size: 10px; } &:hover { p { @@ -79,6 +79,7 @@ width: fit-content; padding: 4px !important; border: none; + button { margin-bottom: 0px !important; outline: none !important; @@ -86,6 +87,8 @@ border: none !important; opacity: 0.7; border-radius: 100px; + font-size: 10px; + padding: 6px 8px; &[aria-selected='true'] { background-color: #fff; border: none;