diff --git a/app/home/home.component.html b/app/home/home.component.html
index 59bd86e..c8598bb 100644
--- a/app/home/home.component.html
+++ b/app/home/home.component.html
@@ -1,5 +1,5 @@
 <div class="row">
-    <div class="col-xs-3" *ngFor="let match of matches">
+    <div class="col-xs-6 col-md-4" *ngFor="let match of matches">
         <table class="table table-bordered box">
             <thead>
                 <tr>
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index 30f8db2..ad08a54 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -1,10 +1,10 @@
 body {
-    background-color: #333;
+    background-color: #f5f5f5;
 }
 
 .box {
     height: 50px;
-    background-color: whitesmoke;
+    background-color: #337ab7;
     margin:5px;
     padding: 10px;
     text-align: center;
@@ -16,7 +16,7 @@ body {
 }
 
 .teamName {
-    color:#333;
+    color:ghostwhite;
 }
 
 th, td {