diff --git a/src/modules/Whitelist/TimechainBanner/index.tsx b/src/modules/Whitelist/TimechainBanner/index.tsx
index 410bb5017..c015a2540 100644
--- a/src/modules/Whitelist/TimechainBanner/index.tsx
+++ b/src/modules/Whitelist/TimechainBanner/index.tsx
@@ -46,11 +46,11 @@ const TimechainBanner = React.memo(({ setTabIndex }: IProps) => {
   const { width } = useElementSize({ elementID: 'ALLOW_TASKS_LIST' });
 
   React.useEffect(() => {
-    const element = document.getElementById('TIME_CHAIN_BANNER');
-    if (element) {
-      element.style.maxWidth = `${width}px`;
-      element.style.width = "100%"
-    }
+    // const element = document.getElementById('TIME_CHAIN_BANNER');
+    // if (element) {
+    //   element.style.maxWidth = `${width}px`;
+    //   element.style.width = "100%"
+    // }
   }, [width])
 
   if (isEnd || raffleCode || !show) return;
diff --git a/src/modules/Whitelist/TimechainBanner/styles.module.scss b/src/modules/Whitelist/TimechainBanner/styles.module.scss
index bf05bffe9..f0a0af2b0 100644
--- a/src/modules/Whitelist/TimechainBanner/styles.module.scss
+++ b/src/modules/Whitelist/TimechainBanner/styles.module.scss
@@ -1,6 +1,7 @@
 .container {
   z-index: 20;
   max-width: 560px !important;
+  width: 100%;
   background-image: url('https://storage.googleapis.com/tc-cdn-prod/nbc/icons/bvm-icons/bg-timechain.jpg');
   padding: 16px;
   .content {