diff --git a/src/components/Debug.tsx b/src/components/Debug.tsx
index ad6dcf1..bb11565 100644
--- a/src/components/Debug.tsx
+++ b/src/components/Debug.tsx
@@ -37,6 +37,7 @@ import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded'
 import CloseRoundedIcon from '@mui/icons-material/CloseRounded'
 import ExpandRoundedIcon from '@mui/icons-material/ExpandRounded'
 
+import { useCPStore } from '../store/CommunityPoolStore'
 import { useMetaportStore } from '../store/MetaportStore'
 import { cls, cmn, styles } from '../core/css'
 import { ActionStateUpdate } from '../core/interfaces'
@@ -114,12 +115,15 @@ export default function Debug() {
   const tokenContracts = useMetaportStore((state) => state.tokenContracts)
   const tokens = useMetaportStore((state) => state.tokens)
 
+  const cpData = useCPStore((state) => state.cpData)
+
   const getRows = () => [
     { name: 'chainName1', value: chainName1 },
     { name: 'chainName2', value: chainName2 },
     { name: 'token', value: JSON.stringify(token) },
     { name: 'tokenBalances', value: stringifyBigInt(tokenBalances) },
     { name: 'destTokenBalance', value: stringifyBigInt(destTokenBalance) },
+    { name: 'cpData', value: stringifyBigInt(cpData) },
     {
       name: 'tokenContracts',
       value:
@@ -171,7 +175,8 @@ export default function Debug() {
     tokenBalances,
     destTokenBalance,
     tokenContracts,
-    tokens
+    tokens,
+    cpData
   ])
 
   return (
diff --git a/src/styles/styles.module.scss b/src/styles/styles.module.scss
index 890fa76..ed2d24e 100644
--- a/src/styles/styles.module.scss
+++ b/src/styles/styles.module.scss
@@ -403,6 +403,5 @@ button {
         max-width: 400px;
         white-space: nowrap;
         overflow: auto;
-        text-overflow: ellipsis;
     }
 }
\ No newline at end of file