diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 3eddf0d..fcc2605 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -1,5 +1,6 @@
 import React from "react";
 import { Link } from "react-router-dom";
+import SignOut from "../SignOut";
 
 const Navbar = () => (
   <div>
@@ -16,6 +17,9 @@ const Navbar = () => (
       <li>
         <Link to={"/register"}>Register</Link>
       </li>
+      <li>
+        <SignOut />
+      </li>
     </ul>
   </div>
 );
diff --git a/src/components/SignOut/SignOut.js b/src/components/SignOut/SignOut.js
new file mode 100644
index 0000000..56594b0
--- /dev/null
+++ b/src/components/SignOut/SignOut.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+import { withFirebase } from "../firebase";
+
+const SignOutButton = ({ firebase }) => (
+  <button type="button" onClick={firebase.doSignOut}>
+    Sign Out
+  </button>
+);
+
+export default withFirebase(SignOutButton);
diff --git a/src/components/SignOut/index.js b/src/components/SignOut/index.js
new file mode 100644
index 0000000..6ba41d9
--- /dev/null
+++ b/src/components/SignOut/index.js
@@ -0,0 +1,2 @@
+import SignOut from "./SignOut";
+export default SignOut;
diff --git a/src/components/firebase/context.js b/src/components/firebase/context.js
index 55ea1a4..ed3a3b3 100644
--- a/src/components/firebase/context.js
+++ b/src/components/firebase/context.js
@@ -2,4 +2,10 @@ import React from "react";
 
 const FirebaseContext = React.createContext(null);
 
+export const withFirebase = Component => props => (
+  <FirebaseContext.Consumer>
+    {firebase => <Component {...props} firebase={firebase} />}
+  </FirebaseContext.Consumer>
+);
+
 export default FirebaseContext;
diff --git a/src/components/firebase/index.js b/src/components/firebase/index.js
index 34d0591..0797f60 100644
--- a/src/components/firebase/index.js
+++ b/src/components/firebase/index.js
@@ -1,6 +1,6 @@
-import FirebaseContext from "./context";
+import FirebaseContext, { withFirebase } from "./context";
 import Firebase from "./fire";
 
 export default Firebase;
 
-export { FirebaseContext };
+export { FirebaseContext, withFirebase };