diff --git a/app/app/styles/color.scss b/app/app/styles/color.scss
index b4bbd8fc..ec8e9650 100644
--- a/app/app/styles/color.scss
+++ b/app/app/styles/color.scss
@@ -21,7 +21,7 @@ $color-gray: #8b9096;
 $color-goldy: #cc9933;
 
 $color-header: #f3f5f8;
-$color-link: #4caf50;
+$color-link: #0092d3;
 $color-border: #e1e1e1;
 
 $color-input: #a1a1a1;
diff --git a/app/app/styles/section/trello.scss b/app/app/styles/section/trello.scss
index 893a3ddf..e8bc577d 100644
--- a/app/app/styles/section/trello.scss
+++ b/app/app/styles/section/trello.scss
@@ -53,140 +53,48 @@
 }
 
 .section-trello-render {
-    .trello-table {
-        border: none!important;
-        margin: 0px !important;
 
-        td {
-            border: none !important;
-			vertical-align: top;
-        }
+    a:hover {
+        text-decoration: underline;
     }
 
     .heading {
-        font-size: 1.6rem;
-        margin: 30px 0 0 0;
-    }
-
-    .trello-label {
-        font-size: 11px;
-        color: #fff;
-        padding: 0 8px;
-        margin-right: 5px;
-        border-radius: 2px;
-        box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
-        display: inline-block;
-        line-height: 22px;
-        text-shadow: 0 0 5px rgba(0,0,0,.2),0 0 2px #000;
-    }
-
-    .board-stats {
-        margin-bottom: 10px;
-            td {
-                color: $color-gray;
-                padding: 20px 40px 30px 0px !important;
-            }
-            .stat-number {
-                font-family: "open_sanslight";
-                font-size: 40px;
-                margin-right: 20px;
-                color: black;
-            }
-    }
-
-    .trello-board {
+        padding: 20px;
         color: white;
-        padding: 15px 20px;
-        width: 190px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: inline-block;
-        border-radius: 4px;
-        margin-right: 20px;
+        border-radius: 5px;
 
-        span {
-            display: table;
-            font-size: 14px;
-            line-height: 10px;
-            opacity: 0.5;
-            padding-bottom: 10px;
-            margin-bottom: 8px;
+        a {
+            color: white!important;
+        }
+
+        h3 {
+            font-size: 22px;
+            margin: 0;
+        }
+
+        p {
+            font-size: 15px;
+            line-height: 0;
         }
     }
 
-    .board-summary {
-		font-size: 1.2rem;
-	}
-
-    .member-name {
-        font-size: 1.2rem;
-        line-height: 15px;
+    table.trello-single-board {
+        border: none!important;
+        text-align: left;
+        margin:0!important;
     }
 
-    .board-meta, .member-meta {
-        color: $color-gray;
+    .trello-single-board thead tr th {
+        padding: 15px 0;
+        border-bottom: 1px solid #e1e1e1;
+        text-transform: uppercase;
+        font-size: 14px;
     }
 
-    .trello-avatar {
-        border-radius: 4px;
-		width: 36px;
-		height: 36px;
-		margin-right: 5px;
+    .trello-single-board tbody tr td {
+        border: none!important;
+        padding-left: 20px!important;
+        padding-bottom: 0!important;
     }
 
-	> .single-trello-board {
-		width: 100%;
-		max-height: 600px;
-		padding: 10px;
-		white-space: nowrap;
-		overflow: auto;
-
-        > a {
-            > .trello-board-title {
-                font-weight: bold;
-                color: #fff;
-                font-size: 16px;
-            }
-        }
-
-        > .trello-list {
-            background-color: #e2e4e6;
-            padding: 10px;
-            border-radius: 3px;
-            margin: 10px 10px 0 0;
-            width: 300px;
-            max-height: 500px;
-            display: inline-block;
-            white-space: nowrap;
-            overflow: auto;
-            vertical-align: top;
-
-            > .trello-list-title {
-                font-weight: bold;
-                color: #4c4c4c;
-                font-size: 14px;
-                margin: 0 10px 10px 0;
-            }
-
-            > a {
-                > .trello-card {
-                    color: #4c4c4c;
-                    border-bottom: 1px solid #CDD2D4;
-                    background-color: #fff;
-                    border-radius: 3px;
-                    padding: 7px 7px;
-                    margin: 5px 0;
-                    font-size: 14px;
-                    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
-                    line-height: 18px;
-                    overflow: hidden;
-                    word-wrap: break-word;
-                    white-space: normal;
-                    cursor: pointer;
-                    vertical-align: top;
-                }
-            }
-        }
-	}
 }
diff --git a/core/section/trello/trad_template.go b/core/section/trello/trad_template.go
index 2287bde4..0d5f2799 100644
--- a/core/section/trello/trad_template.go
+++ b/core/section/trello/trad_template.go
@@ -14,27 +14,48 @@ package trello
 const tradTemplate = `
 <div class="section-trello-render">
 	{{if ne .Detail.Board.ID ""}}
-		<div class="heading">{{.Detail.Board.Name}} Board</div>
+		<div class="heading" style="background-color: {{.Detail.Board.Prefs.BackgroundColor}}">
+			<h3><a href="{{ .Detail.Board.URL }}">{{.Detail.Board.Name}} Board</a></h3>
+			<p>There are {{ .Detail.CardCount }} cards across {{ .Detail.ListCount }} lists</p>
+		</div>
+
 		<p class="non-printable-message">Non-printable</p>
 		<div class="section-trello-render non-printable">
-			<p>There are {{ .Detail.CardCount }} cards across {{ .Detail.ListCount }} lists
-			for board <a href="{{ .Detail.Board.URL }}">{{.Detail.Board.Name}}.</a></p>
-			<div class="single-trello-board" style="background-color: {{.Detail.Board.Prefs.BackgroundColor}}">
-				<a href="{{ .Detail.Board.URL }}"><div class="trello-board-title">{{.Detail.Board.Name}}</div></a>
+			<div class="single-trello-board">
+			<table class="trello-single-board" style="width: 100%;">
 				{{range $data := .Detail.Data}}
-					<div class="trello-list">
-						<div class="trello-list-title">{{ $data.List.Name }}</div>
-						{{range $card := $data.Cards}}
-							<a href="{{ $card.URL }}">
-								<div class="trello-card">
-									{{ $card.Name }}
-								</div>
-							</a>
-						{{end}}
-					</div>
+				<thead>
+					<tr>
+						<th class="title">{{ $data.List.Name }} <span>{{len $data.Cards}}</span></th>
+					</tr>
+					<tr>
+					</tr>
+				</thead>
+
+				<tbody>
+					{{range $card := $data.Cards}}
+					<tr>
+						<td>
+						<a href="{{ $card.URL }}">
+							<div class="trello-card">
+								{{ $card.Name }}
+							</div>
+						</a>
+						</td>
+						<td>
+							{{range $label := $card.Labels}}
+								<span style="background-color:{{$label.Color}}"> {{$label.Name}} </span>
+							{{end}}
+						</td>
+					</tr>
+					{{end}}
+				</tbody>
 				{{end}}
+			</table>
+
 			</div>
 		</div>
 	{{end}}
 </div>
+
 `