diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..268b945 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/pages/Home.js b/src/pages/Home.js
index 60633cc..e8b56b2 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -18,6 +18,10 @@ class Home extends Component {
             }))
     }
 
+    componentDidMount() {
+        document.title = 'Marten Tracker | Home';
+    }
+
     render() {
         return (
             <FlameLinkComponentCreations schemaDetails={this.state.schemaDetails} />
diff --git a/src/pages/Info.js b/src/pages/Info.js
index d55633f..c058d29 100644
--- a/src/pages/Info.js
+++ b/src/pages/Info.js
@@ -9,23 +9,27 @@ class Info extends Component {
         global.schemaName = 'martenSchemaDemo';
 
         this.state = {
-          schemaDetails: '',
+            schemaDetails: '',
         }
 
-        flamelinkApp.schemas.getFields(global.schemaName, { fields: [ 'title', 'key', 'type', 'gridColumns', 'description', 'options' ] })
-        .then(result => this.setState({
-          schemaDetails: result
-        }))
-      }
+        flamelinkApp.schemas.getFields(global.schemaName, { fields: ['title', 'key', 'type', 'gridColumns', 'description', 'options'] })
+            .then(result => this.setState({
+                schemaDetails: result
+            }))
+    }
+
+    componentDidMount() {
+        document.title = 'Marten Tracker | Info';
+    }
 
     render() {
-        
+
         return (
             <div>
                 <Fragment>
-                    <FlameLinkComponentCreations schemaDetails = {this.state.schemaDetails}/>
+                    <FlameLinkComponentCreations schemaDetails={this.state.schemaDetails} />
                 </Fragment>
-          
+
             </div>
         );
     }
diff --git a/src/pages/QuizPage.js b/src/pages/QuizPage.js
index 9422b7b..9abcb0e 100644
--- a/src/pages/QuizPage.js
+++ b/src/pages/QuizPage.js
@@ -3,6 +3,10 @@ import QuizGame from '../components/QuizGame';
 
 
 class QuizPage extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | Quiz';
+    }
+
     render() {
         return (
             <QuizGame difficulty={this.props.difficulty}/>
diff --git a/src/pages/Report.js b/src/pages/Report.js
index c9042d9..3989544 100644
--- a/src/pages/Report.js
+++ b/src/pages/Report.js
@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 import ReportForm from '../components/ReportForm';
 
 class Report extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | Report';
+    }
+
     render() {
         return (
             <ReportForm/>
diff --git a/src/pages/SightingList.js b/src/pages/SightingList.js
index 0540527..8fb460d 100644
--- a/src/pages/SightingList.js
+++ b/src/pages/SightingList.js
@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 import ViewSightings from '../components/ViewSightings.js';
 
 class Sighting extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | List';
+    }
+
     render() {
         return (
             <ViewSightings/>
diff --git a/src/pages/ViewMap.js b/src/pages/ViewMap.js
index 6187d45..d5e75c6 100644
--- a/src/pages/ViewMap.js
+++ b/src/pages/ViewMap.js
@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 import GoogleMap from '../components/SightingMap';
 
 class Sighting extends Component {
+    componentDidMount() {
+        document.title = 'Marten Tracker | Map';
+    }
+
     render() {
         return (
             <div className='sighting-map'>