From 6e75736e1e448f72ef99b3a44f363b909d79d5dd Mon Sep 17 00:00:00 2001
From: WRadoslaw <r.wyszynski00@gmail.com>
Date: Sun, 17 Mar 2024 13:58:47 +0100
Subject: [PATCH] Fix UI problem on channel token tab

---
 .../components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx | 1 -
 .../components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts | 2 ++
 .../src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx   | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/atlas/src/components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx b/packages/atlas/src/components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx
index 0b2a119e3f..78909d7240 100644
--- a/packages/atlas/src/components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx
+++ b/packages/atlas/src/components/_crt/CrtBasicInfoWidget/CrtBasicInfoWidget.tsx
@@ -54,7 +54,6 @@ export type CrtMainInfoProps = {
 
 export const CrtMainInfo = ({
   name,
-  description,
   avatar,
   symbol,
   accountsNum,
diff --git a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts
index 381ff56f04..bc03778bad 100644
--- a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts
+++ b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.styles.ts
@@ -33,6 +33,8 @@ export const ToggleContainer = styled.div`
   }
 `
 export const StatisticsContainer = styled.div`
+  width: 100%;
+
   ::before {
     content: '';
     display: block;
diff --git a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx
index e7cf9b950b..015f3686db 100644
--- a/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx
+++ b/packages/atlas/src/components/_crt/CrtStatusWidget/CrtStatusWidget.tsx
@@ -48,7 +48,7 @@ export const CrtStatusWidget: FC<CrtStatusWidgetProps> = ({ token }) => {
     <Widget
       title={status === 'inactive' ? 'Status' : ''}
       customNode={
-        <>
+        <FlexBox width="100%" flow="column" gap={4}>
           {status === 'inactive' ? <InactiveDetails /> : status === 'market' ? <MarketDetails token={token} /> : null}
 
           <StatisticsContainer>
@@ -99,7 +99,7 @@ export const CrtStatusWidget: FC<CrtStatusWidgetProps> = ({ token }) => {
               />
             </Drawer>
           </StatisticsContainer>
-        </>
+        </FlexBox>
       }
     />
   )