diff --git a/Global-styles-and-layouts.md b/Global-styles-and-layouts.md
index ed3693f..b4babf2 100644
--- a/Global-styles-and-layouts.md
+++ b/Global-styles-and-layouts.md
@@ -33,7 +33,7 @@ So, the easiest solution is to have your pages invoke custom header and footer c
 ```jsx
 import React from 'react'
 import Header from '../components/header'
-import Header from '../components/footer'
+import Footer from '../components/footer'
 export default () => (
   <div>
     <Header />