diff --git a/app/shared/components/chat.component.html b/app/shared/components/chat.component.html
index be56c2f..562f3ca 100644
--- a/app/shared/components/chat.component.html
+++ b/app/shared/components/chat.component.html
@@ -12,7 +12,7 @@
         </tr>
         <tr>
             <td colspan="2">
-                <span class="match-th">{{connection}}</span>
+                <span class="match-th" title="connection id">{{connection}}</span>
             </td>
         </tr>
         <tr>
diff --git a/app/shared/components/match.component.html b/app/shared/components/match.component.html
index 5fbc5ba..88ec233 100644
--- a/app/shared/components/match.component.html
+++ b/app/shared/components/match.component.html
@@ -16,7 +16,7 @@
         </tr>
         <tr>
             <td>
-                <span class="label label-success">{{match.Type}}</span>
+                <span class="match-type">{{match.Type}}</span>
             </td>
             <td>
                 <button type="button" class="btn btn-default btn-md" (click)="setSubscription(true)" *ngIf="!subscribed">
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index 87b0ab2..0fd8829 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -23,6 +23,13 @@ body {
     color:#a94442;
 }
 
+.match-type {
+    color: #FF5722;
+    margin-bottom: 0px;
+    font-size: 22px;
+    font-style: italic;
+}
+
 th, td {
     text-align: center;
 }