diff --git a/site/docs/components/landing/NavigationList.tsx b/site/docs/components/landing/NavigationList.tsx
index dc7fad272e..a02dc518f0 100644
--- a/site/docs/components/landing/NavigationList.tsx
+++ b/site/docs/components/landing/NavigationList.tsx
@@ -1,57 +1,57 @@
-import { frameSvg } from "../SVG/frameSvg.tsx";
-import { identitySvg } from "../SVG/identitySvg.tsx";
-import { swapSvg } from "../SVG/swapSvg.tsx";
-import { tokensSvg } from "../SVG/tokensSvg.tsx";
-import { transactionSvg } from "../SVG/transactionSvg.tsx";
-import { walletSvg } from "../SVG/walletSvg.tsx";
+import { frameSvg } from '../SVG/frameSvg.tsx';
+import { identitySvg } from '../SVG/identitySvg.tsx';
+import { swapSvg } from '../SVG/swapSvg.tsx';
+import { tokensSvg } from '../SVG/tokensSvg.tsx';
+import { transactionSvg } from '../SVG/transactionSvg.tsx';
+import { walletSvg } from '../SVG/walletSvg.tsx';
 
 const navItems = [
   {
-    href: "#identity",
+    href: '#identity',
     svg: identitySvg,
-    label: "Identity",
+    label: 'Identity',
   },
   {
-    href: "#wallet",
+    href: '#wallet',
     svg: walletSvg,
-    label: "Wallet",
+    label: 'Wallet',
   },
   {
-    href: "#tokens",
+    href: '#tokens',
     svg: tokensSvg,
-    label: "Tokens",
+    label: 'Tokens',
   },
   {
-    href: "#swap",
+    href: '#swap',
     svg: swapSvg,
-    label: "Swap",
+    label: 'Swap',
   },
   {
-    href: "#transaction",
+    href: '#transaction',
     svg: transactionSvg,
-    label: "Transaction",
+    label: 'Transaction',
   },
   {
-    href: "#frame",
+    href: '#frame',
     svg: frameSvg,
-    label: "Frame",
+    label: 'Frame',
   },
 ];
 
 export default function NavigationList() {
   return (
-    <ul className="flex max-w-full flex-wrap justify-center gap-12 md:justify-end">
+    <ul className='flex max-w-full flex-wrap justify-center gap-12 md:justify-end'>
       {navItems.map((item) => {
         return (
           <li key={item?.label}>
             <a
               href={item.href}
-              className="group flex flex-col items-center gap-3"
+              className='group flex flex-col items-center gap-3'
             >
-              <div className="h-[70px] w-[70px] rounded-xl bg-gray-800 p-5 group-hover:bg-gray-50">
+              <div className='h-[70px] w-[70px] rounded-xl bg-gray-800 p-5 group-hover:bg-gray-50'>
                 {item.svg}
               </div>
-              <p className="text-center font-normal text-base not-italic leading-6">
+              <p className='text-center font-normal text-base not-italic leading-6'>
                 {item.label}
               </p>
             </a>