diff --git a/blog/2022-02-16-epns-and-lifi-team-up/cover-image.webp b/blog/2022-02-16-epns-and-lifi/cover-image.webp
similarity index 100%
rename from blog/2022-02-16-epns-and-lifi-team-up/cover-image.webp
rename to blog/2022-02-16-epns-and-lifi/cover-image.webp
diff --git a/blog/2022-02-16-epns-and-lifi-team-up/index.md b/blog/2022-02-16-epns-and-lifi/index.md
similarity index 84%
rename from blog/2022-02-16-epns-and-lifi-team-up/index.md
rename to blog/2022-02-16-epns-and-lifi/index.md
index 8ef964f9efc..3ad7f39a25d 100644
--- a/blog/2022-02-16-epns-and-lifi-team-up/index.md
+++ b/blog/2022-02-16-epns-and-lifi/index.md
@@ -1,19 +1,14 @@
 ---
 slug: epns-and-lifi-team-up
-title: 'EPNS and Li.Fi Team Up To Improve User Experience Through Push Notifications'
-description: 'EPNS and Li.Fi Team Up To Improve User Experience Through Push Notifications'
+title: 'EPNS and LiFi Team Up To Improve User Experience Through Push Notifications'
+description: 'EPNS and LiFi Team Up To Improve User Experience Through Push Notifications'
 authors: [push]
 image: './cover-image.webp'
-text: "Despite its monumental success over the past couple of years, the decentralized finance (DeFi) industry still largely remains to be fragmented. Every blockchain network within the industry seems to have created walled gardens for themselves that make it difficult for users to bypass. As a result, users are usually stuck with funds on a single blockchain network, preventing them from taking advantage of opportunities across different chains."
-tags: [ Newsletter
-,Epnsproject
-,Defi
-,Ethereum
-,Blockchain]
+text: "Despite its monumental success over the past couple of years, the decentralized finance (DeFi) industry still largely remains to be fragmented. Every blockchain network within the industry seems to have created walled gardens for themselves that make it difficult for users to bypass."
+tags: [ Newsletter,Epnsproject,Defi,Ethereum,Blockchain]
 ---
-import { ImageText } from '@site/src/css/SharedStyling';
 
-![Cover image of EPNS and Li.Fi Team Up To Improve User Experience Through Push Notifications](./cover-image.webp)
+![Cover image of EPNS and LiFi Team Up To Improve User Experience Through Push Notifications](./cover-image.webp)
 
 <!--truncate-->
 
@@ -21,7 +16,7 @@ Despite its monumental success over the past couple of years, the decentralized
 
 This creates a lackluster user experience, hindering the full potential of DeFi and thereby its mainstream adoption. Having recognized this problem, Li.Fi, an emergent DeFi protocol, created a robust way for users to experience interoperability within DeFi. As such, we’re pleased to announce our pilot collaboration with Li.Fi to provide a means of communication between the protocol and users.
 
-### How Li.Fi Can Benefit from EPNS
+### How LiFi Can Benefit from EPNS
 
 Li.Fi is a cross-chain bridge aggregator protocol that allows users to swap any token for another, irrespective of their native blockchain networks. The protocol chooses the best possible bridge to move funds from one chain to the other by connecting to DEXs on both sides. This means that by simply integrating the Li.Fi SDK and API, dApps and protocols in DeFi can allow users to bypass the walled gardens of blockchain networks to conduct transactions.
 
@@ -36,8 +31,7 @@ Through our pilot partnership with Li.Fi, we aim to provide a way for the protoc
 
 As Li.Fi strives to bridge the gaps between blockchain networks, we are pleased to have partnered with them on this journey and hope to be an integral part of their operations.
 
-**About Li.Fi**
-===============
+### About LiFi
 
 Li.Fi is a cross-chain bridge aggregation protocol that supports any-2-any cross-chain swaps by aggregating bridges and connecting them to DEXes and DEX aggregators.
 
diff --git a/src/components/DocsHub/index.tsx b/src/components/DocsHub/index.tsx
index 0ed1afa7d16..e984ff3419f 100644
--- a/src/components/DocsHub/index.tsx
+++ b/src/components/DocsHub/index.tsx
@@ -123,11 +123,18 @@ function TechDocItem({ title, srcref, alt, description, codeblock, link, target
           </ItemV>
 
         {content == 1 && codeblock && 
+        <Div onClick={(e) => {
+          e.stopPropagation();
+          e.preventDefault();
+        }}>
           <TechDocCodeBlock
             language="jsx"
+          
+            
           >
             {codeblock}
           </TechDocCodeBlock>
+          </Div>
         }
       </TechDocContent>
     </TechDocCard>
@@ -743,4 +750,6 @@ const PushSdkContentTitle = styled(Span)`
 const PushSdkContentArrow = styled(Span)`
   display: flex;
   align-items: center;
-`
\ No newline at end of file
+`
+const Div = styled.div`
+`;
\ No newline at end of file
diff --git a/src/theme/BlogPostPage/index.js b/src/theme/BlogPostPage/index.js
index f63908582d1..3737b60494c 100644
--- a/src/theme/BlogPostPage/index.js
+++ b/src/theme/BlogPostPage/index.js
@@ -34,6 +34,8 @@ function BlogPostPageContent({ allPosts, post, children }) {
     toc_max_heading_level: tocMaxHeadingLevel,
   } = frontMatter;
 
+  console.log(metadata, "metatatataa");
+
   return (
     <BlogLayout
       toc={