diff --git a/components/Layout.js b/components/Layout.js
index 5bd221c..0ff656d 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -1,10 +1,10 @@
-import { Fragment } from 'react';
+import React from 'react';
 import Head from 'next/head';
 import Header from './Header';
 
 export default function Layout(props) {
   return (
-    <Fragment>
+    <>
       <Head>
         <link rel="icon" href="/favicon.ico" />
       </Head>
@@ -14,6 +14,6 @@ export default function Layout(props) {
       <main style={{ padding: 30 }}>{props.children}</main>
 
       <footer style={{ padding: 30 }}>footer here</footer>
-    </Fragment>
+    </>
   );
 }
