diff --git a/app/components/navigation/navbar/index.tsx b/app/components/navigation/navbar/index.tsx
index 7dc0903..4243bd0 100644
--- a/app/components/navigation/navbar/index.tsx
+++ b/app/components/navigation/navbar/index.tsx
@@ -40,7 +40,7 @@ const Navbar = ({ toggle }: { toggle: () => void }) => {
                 </Link>
               </li>
               <li>
-                <Link href="https://docs.falkordb.com/">
+                <Link href="https://docs.falkordb.com/" target="_blank" rel="noopener noreferrer">
                   <p>Documentation</p>
                 </Link>
               </li>
diff --git a/app/sandbox/Codepad.tsx b/app/sandbox/Codepad.tsx
index 1e84f6f..e4ff5c5 100644
--- a/app/sandbox/Codepad.tsx
+++ b/app/sandbox/Codepad.tsx
@@ -20,10 +20,10 @@ function copyToClipboard(value: string) {
     })
 }
 
-export function CodePad(props:{code:string, language:string, docs:string}) {
+export function CodePad(props: { code: string, language: string, docs: string }) {
     return (
         <div>
-            <a target="_blank" className="underline text-blue-600" href={props.docs}>Read more</a>
+            <a className="underline text-blue-600" href={props.docs} target="_blank" rel="noopener noreferrer">Read more</a>
             <Button className="bg-transparent text-blue-600 px-2 hover:text-slate-50" onClick={() => copyToClipboard(props.code)}>
                 <Copy className="ml-2 px-0" />
             </Button>