diff --git a/webapp/src/App.js b/webapp/src/App.js
index 26c3b47..8b4cb95 100644
--- a/webapp/src/App.js
+++ b/webapp/src/App.js
@@ -9,14 +9,12 @@ import {
 import Header from "./components/Header"
 import Leaderboard from "./components/Leaderboard"
 import GameProposal from "./components/GameProposal"
-import DataPolling from './components/OfflineToggle';
 
 function App() { 
 
   return <div className="App">
     <BrowserRouter>
         <Header/>
-        <DataPolling/>
         <div className="Container">
           <Routes>
             <Route path="/leaderboard" element={<Leaderboard/>} />
diff --git a/webapp/src/components/Header/index.css b/webapp/src/components/Header/index.css
index a165fe7..e668903 100644
--- a/webapp/src/components/Header/index.css
+++ b/webapp/src/components/Header/index.css
@@ -1,3 +1,7 @@
-p {
-    margin-bottom: 30px;
+h1 {
+    display: inline-flex;
+}
+
+.OfflineToggle {
+    margin-left: 15px;
 }
\ No newline at end of file
diff --git a/webapp/src/components/Header/index.jsx b/webapp/src/components/Header/index.jsx
index 2528bbb..0d3677a 100644
--- a/webapp/src/components/Header/index.jsx
+++ b/webapp/src/components/Header/index.jsx
@@ -1,11 +1,13 @@
 import './index.css';
 import React from "react"
 import { Link } from "react-router-dom";
+import OfflineToggle from '../OfflineToggle';
 
 export default function Header() {
 
   return <div>
-    <h1>CordaCheckers</h1>
+    <h1>CordaCheckers <OfflineToggle/> </h1>
+
     <nav>
       <Link to="/leaderboard">Leaderboard</Link> {"| "}
       <Link to="/gameproposal">Game Proposal</Link> {"| "}