diff --git a/pkg/dashboard/dashboard.go b/pkg/dashboard/dashboard.go
index 0242f10b..9da32d29 100644
--- a/pkg/dashboard/dashboard.go
+++ b/pkg/dashboard/dashboard.go
@@ -33,14 +33,14 @@ func MainHandler(w http.ResponseWriter, r *http.Request, c conf.Configuration, k
 	    "getSuccessWidth": func(rs validator.ResultSummary, fullWidth int) uint {
 			return uint(float64(rs.Successes) / float64(rs.Successes+rs.Warnings+rs.Failures) * float64(fullWidth))
 	    },
-        "getCharCode": func(rm validator.ResultMessage) string {
+        "getIcon": func(rm validator.ResultMessage) string {
 			switch rm.Type {
 			case "success":
-				return "9745"
+				return "fas fa-check"
 			case "warning":
-				return "9888"
+				return "fas fa-exclamation"
 			default:
-				return "9746"
+				return "fas fa-times"
 			}
 		},
     }).ParseFiles(TEMPLATE_FILE)
diff --git a/pkg/dashboard/templates/dashboard.gohtml b/pkg/dashboard/templates/dashboard.gohtml
index 9a9550e0..a36989c5 100644
--- a/pkg/dashboard/templates/dashboard.gohtml
+++ b/pkg/dashboard/templates/dashboard.gohtml
@@ -11,6 +11,7 @@
   <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
   <link rel="stylesheet" href="/static/css/normalize.css">
   <link rel="stylesheet" href="/static/css/main.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
 
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/cash/3.0.0-beta.3/cash.min.js"></script>
@@ -54,7 +55,7 @@
                       <h4>Pod:</h4>
                       <ul>
                         {{ range $message := .Messages}}
-                          <li class="{{ .Type }}"><span>&#{{ getCharCode $message }};</span> {{ .Message }}</li>
+                          <li class="{{ .Type }}"><i class="{{ getIcon $message }}"></i> {{ .Message }}</li>
                         {{ end }}
                       </ul>
                     </div>
@@ -63,7 +64,7 @@
                         <h4>Container: {{ .Name }}</h4>
                         <ul>
                           {{ range $message := .Messages}}
-                            <li class="{{ .Type }}"><span>&#{{ getCharCode $message }};</span> {{ .Message }}</li>
+                            <li class="{{ .Type }}"><i class="{{ getIcon $message }}"></i> {{ .Message }}</li>
                           {{ end }}
                         </ul>
                       </div>
diff --git a/public/css/main.css b/public/css/main.css
index 6095dc48..54ae0f9a 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -159,26 +159,31 @@ body {
   color: #6a6a6a;
 }
 
-.namespace-content .extra span {
+.namespace-content .extra ul li {
+  margin-bottom: 5px;
+}
+
+.namespace-content .extra i {
   display: inline-block;
+  margin-right: 10px;
   text-align: center;
   width: 20px;
   font-size: 20px;
   font-weight: bold;
   position: relative;
-  bottom: -1px;
+  bottom: -3px;
 }
 
-.namespace-content .extra .success span {
+.namespace-content .extra .success i {
   color: #8BD2DC;
 }
 
-.namespace-content .extra .warning span {
+.namespace-content .extra .warning i {
   color: #f26c21;
   font-size: 15px;
 }
 
-.namespace-content .extra .failure span {
+.namespace-content .extra .failure i {
   color: #a11f4c;
 }