diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index a737f03..cef4737 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -25,6 +25,30 @@
     </script>
 </head>
 <body>
+    <nav class="navbar navbar-inverse">
+        <div class="container-fluid">
+            <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+            </button>
+            <a class="navbar-brand" href="#">Live Feed</a>
+            </div>
+            <div class="collapse navbar-collapse" id="myNavbar">
+            <ul class="nav navbar-nav">
+                <li class="active"><a href="#">Home</a></li>
+                <li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-sunglasses"></span> About</a></li>
+                <li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-save"></span> Source code</a></li>
+            </ul>
+            <ul class="nav navbar-nav navbar-right">
+                <li><a href="https://github.com/chsakell" target="_blank"><span class="glyphicon glyphicon-star"></span> Github</a></li>
+                <li><a href="https://twitter.com/chsakellsblog" target="_blank"><span class="glyphicon glyphicon-volume-up"  target="_blank"></span> Twittwer</a></li>
+                <li><a href="https://www.facebook.com/chsakells.blog/" target="_blank"><span class="glyphicon glyphicon-heart"  target="_blank"></span> Facebook</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
     <div class="container">
         <my-app>Loading...</my-app>
     </div>
diff --git a/app/shared/components/chat.component.html b/app/shared/components/chat.component.html
index e0f5e86..0480f3c 100644
--- a/app/shared/components/chat.component.html
+++ b/app/shared/components/chat.component.html
@@ -1,8 +1,8 @@
 <table class="table table-bordered box">
     <thead>
         <tr>
-            <th>ID</th>
-            <th>Match</th>
+            <th><span class="match-th">ID</span></th>
+            <th><span class="match-th">Match</span></th>
         </tr>
     </thead>
     <tbody>
diff --git a/app/shared/components/match.component.html b/app/shared/components/match.component.html
index 48fbcbd..2d03851 100644
--- a/app/shared/components/match.component.html
+++ b/app/shared/components/match.component.html
@@ -1,8 +1,8 @@
 <table class="table table-bordered box">
     <thead>
         <tr>
-            <th>Team</th>
-            <th>Score</th>
+            <th><span  class="match-th">Team</span></th>
+            <th><span  class="match-th">Score</span></th>
         </tr>
     </thead>
     <tbody>
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index 6c11274..b110977 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -1,10 +1,10 @@
 body {
-    background-color: #f5f5f5;
+    background-color: #1d3346;
 }
 
 .box {
     height: 50px;
-    background-color: #337ab7;
+    /*background-color: #286090;*/
     margin:5px;
     padding: 10px;
     text-align: center;
@@ -19,6 +19,10 @@ body {
     color:ghostwhite;
 }
 
+.match-th {
+    color:#a94442;
+}
+
 th, td {
     text-align: center;
 }
