diff --git a/console/src/components/Common/Common.scss b/console/src/components/Common/Common.scss
index dafeddc9795b6..2b514307ecdea 100644
--- a/console/src/components/Common/Common.scss
+++ b/console/src/components/Common/Common.scss
@@ -786,7 +786,7 @@ code
   text-transform: uppercase;
   display: inline-block;
   padding-left: 20px;
-  font-size: 20px;
+  font-size: 18px;
   letter-spacing: 1px;
   font-weight: 700;
 }
diff --git a/console/src/components/Main/Main.js b/console/src/components/Main/Main.js
index 638d79e1f6104..208760b07fab3 100644
--- a/console/src/components/Main/Main.js
+++ b/console/src/components/Main/Main.js
@@ -57,6 +57,7 @@ class Main extends React.Component {
       location,
       migrationModeProgress,
       currentSchema,
+      serverVersion,
       latestServerVersion,
     } = this.props;
     const styles = require('./Main.scss');
@@ -109,6 +110,7 @@ class Main extends React.Component {
                 </div>
                 <Link to="/">
                   <div className={styles.header_project_name}>HASURA</div>
+                  <div className={styles.project_version}>{serverVersion}</div>
                 </Link>
               </div>
             </div>
diff --git a/console/src/components/Main/Main.scss b/console/src/components/Main/Main.scss
index 1130cf6d31867..dd417cac93c33 100644
--- a/console/src/components/Main/Main.scss
+++ b/console/src/components/Main/Main.scss
@@ -79,6 +79,10 @@
   {
     display: flex;
     align-items: center;
+    a {
+      display: flex;
+      align-items: center;
+    }
     .logo
     {
       display: inline-block;
@@ -96,6 +100,16 @@
     }
   }
 }
+.project_version {
+  font-family: Gudea;
+  color: #fff;
+  text-transform: lowercase;
+  display: inline-block;
+  padding-left: 10px;
+  font-size: 10px;
+  letter-spacing: 1px;
+  font-weight: 300;
+}
 .toggleSidebar {
   position: absolute;
   color: #fff;