diff --git a/public/js/components/Header.js b/public/js/components/Header.js
index 4e9b9f7..be9185d 100644
--- a/public/js/components/Header.js
+++ b/public/js/components/Header.js
@@ -31,7 +31,7 @@ export default class Header extends PureComponent {
         <div className='toolbar-actions'>
           <span className='title'>Ocarina of Time - Multiworld Autotracker</span>
           <ButtonGroup align='right'>
-            <Button align='right' theme='dark'><span className={app.global.connected ? 'icon icon-check' : 'icon icon-cancel'} /></Button>
+            <Button align='right' theme='dark'><span className={this.state.connected ? 'icon icon-check' : 'icon icon-cancel'} /></Button>
             <Button align='right' theme='dark' onClick={() => { app.global.settings.popout = !app.global.settings.popout; Electron.ipcRenderer.send('packets', 'popout') }}>P</Button>
             <Button align='right' theme='dark' onClick={() => Electron.ipcRenderer.send('packets', 'minimize')}><span className='icon icon-minus' /></Button>
             <Button align='right' theme='dark' onClick={() => Electron.ipcRenderer.send('packets', 'window_size')}><span className='icon icon-doc' /></Button>