diff --git a/next/pages/hydra.js b/next/pages/hydra.js
index fee1ab8..15fb716 100644
--- a/next/pages/hydra.js
+++ b/next/pages/hydra.js
@@ -1,6 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
 import Head from "next/head";
+import Layout from "../components/layout";
 
 export async function getStaticProps(context) {
   return {
@@ -10,19 +11,22 @@ export async function getStaticProps(context) {
 
 export default function Hydra() {
   return (
+    <>
     <Head>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>PLN's Hydra works</title>
     </Head>
-    <div>
-      <h1>I create visuals with patterns</h1>
-      <Image
-        alt="Mountains"
-        src="/images/WIP_GaLactic.png"
-        layout="fill"
-        // width={700}
-        // height={475}
-      />
-    </div>
+    <Layout>
+      <div>
+        <h1>I create visuals with patterns</h1>
+        <Image
+          alt="Mountains"
+          src="/images/WIP_GaLactic.png"
+          layout="fill"
+          // width={700}
+          // height={475}
+        />
+      </div>
+      </Layout>
   );
 }
