diff --git a/ci/index.html b/ci/index.html
index 5933b7f..2fb539b 100755
--- a/ci/index.html
+++ b/ci/index.html
@@ -1,12 +1,143 @@
-<html>
-  <body>
-    <head>
-      <meta charset="utf-8">
-      <meta http-equiv="X-UA-Compatible" content="IE=edge">
-      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-      <title>CI Results</title>
-    </head>
-    <div id="results"></div>
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>CI Results</title>
+  <meta name="description" content="CI Results">
+  <meta name="author" content="linuxserver.io">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="https://fonts.googleapis.com/css?family=Lato:300,400&display=swap" rel="stylesheet">
+  <style>
+    body,html {
+      padding: 0;
+      margin: 0;
+    }
+    body {
+      background: #e8e8e8;
+      font-family: 'Lato', sans-serif;
+      color: #738694;
+      font-weight: 400;
+      font-size: 16px;
+    }
+    body * {
+      box-sizing: border-box;
+    }
+    #logohttpsrawgithubusercontentcomlinuxserverdockertemplatesmasterlinuxserverioimglinuxserver_mediumpng {
+      display: none;
+    }
+    #app {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 15px;
+    }
+    #results {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      width: 100%;
+    }
+    h1 {
+      font-size: 30px;
+      letter-spacing: 3px;
+      text-transform: uppercase;
+      color: #738694;
+      margin: 60px 0 45px;
+      font-weight: 400;
+    }
+    h1 span {
+      color: #9bb0bf;
+    }
+    .section, .content {
+      width: 100%;
+      max-width: 600px;
+      display: flex;
+      align-items: center;
+      background: #efefef;
+      justify-content: space-between;
+      text-decoration: none;
+      margin: 10px;
+      box-shadow: 0 0 10px rgba(0,0,0,0.05);
+    }
+
+    #results h1 {
+      font-size: 25px;
+      margin: 0 0 25px;
+    }
+    section {
+      display: flex;
+      width: 30%;
+      flex-direction: column;
+      margin: 10px;
+      background: #efefef;
+      box-shadow: 0 0 10px rgba(0,0,0,0.05);
+      min-width: 320px;
+      padding: 0 0 30px 0;
+    }
+    section > * {
+      padding: 0 20px;
+    }
+    section h2 {
+      font-size: 18px;
+      background: #f5f5f5;
+      padding: 5px 20px;
+      margin: 0;
+      height: 90px;
+      display: flex;
+      align-items: center;
+    }
+    section h2 + p {
+      margin: 0;
+    }
+    section h2 + p + h3 {
+      margin: 0;
+      padding: 20px;
+      background: #f5f5f5;
+    }
+
+    section h3 {
+      font-size: 16px;
+      padding: 0 20px;
+    }
+    section img {
+      width: calc(100% + 40px);
+      height: auto;
+      margin-left: -20px;
+      margin-right: -20px;
+      padding: 0;
+      display: block;
+    }
+    section pre {
+      overflow: auto;
+    }
+    
+    main {
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      flex-wrap: wrap;
+    }
+
+    @media only screen and (min-width: 500px) {
+      h1 {
+        font-size: 50px;
+        letter-spacing: 5px;
+
+      }
+    }
+
+  </style>
+
+</head>
+<body>
+    <div id="app">
+      <header>
+        <h1>Linux<span>Server</span>.io</h1>
+      </header>
+      <div id="results"></div>
+    </div>
     <script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.6/showdown.min.js" type="text/javascript" charset="utf-8"></script>
     <script type="text/javascript" charset="utf-8">
@@ -15,5 +146,5 @@
         $('#results').append(converter.makeHtml(data))
       });
     </script>
-  </body>
-</html>
+</body>
+</html>
\ No newline at end of file
diff --git a/ci/results.template b/ci/results.template
index e11a8ce..313bc21 100755
--- a/ci/results.template
+++ b/ci/results.template
@@ -1,4 +1,3 @@
-# ![logo](https://raw.githubusercontent.com/linuxserver/docker-templates/master/linuxserver.io/img/linuxserver_medium.png)
 # Test Results {{ image }}:{{ meta_tag }}
 
 ## Cumulative: {{ report_status }}
@@ -10,12 +9,11 @@
 {% for container in report_containers %}
 <section markdown="1">
 ## {{ image }}:{{ container["tag"] }}
-### Build Version: {{ container["build_version"] }}
-
-{% if screenshot == 'true' %}### Screenshot
-
+{% if screenshot == 'true' %}
 [![{{ container["tag"] }}]({{ container["tag"] }}.png =600x*)]({{ container["tag"] }}.png)
 {% endif %}
+### Build Version: {{ container["build_version"] }}
+
 ### Logs
 
 <details><summary>Expand</summary>
