diff --git a/lib/desktop_updater.js b/lib/desktop_updater.js
index dc5c6a71f8c19c4adf3f08c67d5b9f4f0092ea92..e34dab4e9f89c9ba61c89ca8f13cf5210c68e705 100644
--- a/lib/desktop_updater.js
+++ b/lib/desktop_updater.js
@@ -11,9 +11,9 @@ ipcRendererUpdateWeb.on('update', function(event, message) {
         document.getElementById('update-info').innerHTML = (msgJSON.upgrade?'Update Available':(msgJSON.version!==''?'':''));
         document.getElementById('update_latest_version').innerHTML = (msgJSON.upgrade?'A new release is available ('+msgJSON.version+').':(msgJSON.version!==''?'You are using latest version of Nynja.':'Encountered an error while updating, try again later.'));
         document.getElementById('update_current_version').innerHTML = 'version '+msgJSON.currentVersion;
-        // document.getElementById('update_version_electron').innerHTML = msgJSON.electron;
-        // document.getElementById('update_version_chromium').innerHTML = msgJSON.chromium;
-        // document.getElementById('update_version_nodejs').innerHTML = msgJSON.nodejs;
+        document.getElementById('update_version_electron').innerHTML = msgJSON.electron;
+        document.getElementById('update_version_chromium').innerHTML = msgJSON.chromium;
+        document.getElementById('update_version_nodejs').innerHTML = msgJSON.nodejs;
 
         //Handle event
         // // document.getElementById('update-info').removeEventListener('click');
diff --git a/src/assets/css/desktop-style.css b/src/assets/css/desktop-style.css
new file mode 100644
index 0000000000000000000000000000000000000000..84f29bd02e772c5b667c92f2cdf23f841536eb9d
--- /dev/null
+++ b/src/assets/css/desktop-style.css
@@ -0,0 +1,86 @@
+*{
+	margin: 0px;
+	padding: 0px;
+}
+html , body{
+	height: 100%;
+	font-family:sans-serif;
+	color: #666;
+}
+
+
+.btn{
+	border-radius: 6px;
+	background-color: #e72630;
+	box-shadow: 0 2px 4px 0 rgba(231,38,48,0.6);
+	color: #fff;
+	height: 32px;
+	line-height: 32px;
+	padding: 0 15px;
+	font-weight: bold;
+	text-align: center;
+	text-transform: uppercase;
+	border: none;
+	
+}
+
+.btn:focus , .btn:hover , .btn:active{outline: none; background-color: #cc2029;}
+.btn-absolute{
+	position: absolute;
+	top: 15px; right: 150px;
+	z-index: 999;
+}
+
+.wrapper{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	z-index: 50;
+	position: fixed;
+	z-index: 1000;
+	width: 100%;
+}
+.modalContainer ul{list-style: none; margin: 0px; padding: 0px;}
+.modalContainer ul li + li{margin-top: 8px;}
+.modalContainer ul li.title{font-size: 18px;}
+.modalContainer ul li span{display: inline-block;}
+.modalContainer ul li span + span{margin-left: 5px;}
+.modalContainer ul li span:first-child{font-weight: 600;}
+.modalContainer ul li span:last-child{color:#f2f2f2;}
+.modalContainer{
+	padding: 25px;
+	background: #fff;
+	background: #3c3c3c;
+	position: relative;
+	color: #fff;
+	border-radius: 10px;
+	overflow: hidden;
+	min-width: 500px;
+	padding-left: 0px;
+}
+.modalFooter{
+	background: #4e4e4e;
+	text-align: right;
+	padding: 15px;
+	margin: 0 -25px -25px;
+	margin-top: 15px;
+}
+.btnClose{ position: absolute; right: 15px; top: 15px;}
+.btnClose img{ width:25px; height: 25px; filter: brightness(0) invert(1); }
+.footerBtn{
+	background-color: transparent;
+	color: #fff;
+	height: 32px;
+	line-height: 32px;
+	padding: 0 15px;
+	font-weight: bold;
+	text-align: center;
+	text-transform: uppercase;
+	border: none;
+	z-index: 1;
+	border-radius: 4px;
+}
+.footerBtn:hover{
+	background: #3c3c3c;
+}
\ No newline at end of file
diff --git a/src/template.ejs b/src/template.ejs
index 52e3e781c8895aa360a8d520c9ca01259e5c339b..ba742e03be3c34ce98008a92a3803be3228480a4 100755
--- a/src/template.ejs
+++ b/src/template.ejs
@@ -6,95 +6,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
   <meta name="mobile-web-app-capable" content="yes">
-    <!-- @akash: to handle desktop auto update -->
-	<style>
-		*{
-			margin: 0px;
-			padding: 0px;
-		}
-		html , body{
-			height: 100%;
-			font-family:sans-serif;
-			color: #666;
-		}
-
-
-		.btn{
-			border-radius: 6px;
-			background-color: #e72630;
-			box-shadow: 0 2px 4px 0 rgba(231,38,48,0.6);
-			color: #fff;
-			height: 32px;
-			line-height: 32px;
-			padding: 0 15px;
-			font-weight: bold;
-			text-align: center;
-			text-transform: uppercase;
-			border: none;
-			
-		}
-
-		.btn:focus , .btn:hover , .btn:active{outline: none; background-color: #cc2029;}
-		.btn-absolute{
-			position: absolute;
-			top: 15px; right: 150px;
-			z-index: 999;
-		}
-
-		.wrapper{
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			height: 100%;
-			z-index: 50;
-			position: fixed;
-			z-index: 1000;
-			width: 100%;
-		}
-		.modalContainer ul{list-style: none; margin: 0px; padding: 0px;}
-		.modalContainer ul li + li{margin-top: 8px;}
-		.modalContainer ul li.title{font-size: 18px;}
-		.modalContainer ul li span{display: inline-block;}
-		.modalContainer ul li span + span{margin-left: 5px;}
-		.modalContainer ul li span:first-child{font-weight: 600;}
-		.modalContainer ul li span:last-child{color:#f2f2f2;}
-		.modalContainer{
-			padding: 25px;
-			background: #fff;
-			background: #3c3c3c;
-			position: relative;
-			color: #fff;
-			border-radius: 10px;
-			overflow: hidden;
-			min-width: 500px;
-			padding-left: 0px;
-		}
-		.modalFooter{
-			background: #4e4e4e;
-			text-align: right;
-			padding: 15px;
-			margin: 0 -25px -25px;
-			margin-top: 15px;
-		}
-		.btnClose{ position: absolute; right: 15px; top: 15px;}
-		.btnClose img{ width:25px; height: 25px; filter: brightness(0) invert(1); }
-		.footerBtn{
-			background-color: transparent;
-			color: #fff;
-			height: 32px;
-			line-height: 32px;
-			padding: 0 15px;
-			font-weight: bold;
-			text-align: center;
-			text-transform: uppercase;
-			border: none;
-			z-index: 1;
-			border-radius: 4px;
-		}
-		.footerBtn:hover{
-			background: #3c3c3c;
-		}
-	</style>
+  <link rel="stylesheet" href="./assets/css/desktop-style.css" type="text/css"/>
   <script type="text/javascript">
     const isElectron = function () {
       // Renderer process
@@ -157,15 +69,15 @@
 						</li>
 						<li>
 							<span>Electron </span>
-							<span id="update_version_electron"><script>document.write(process.versions.electron)</script></span>
+							<span id="update_version_electron"></span>
 						</li>
 						<li>
 							<span>Chromium </span>
-							<span id="update_version_chromium"><script>document.write(process.versions.chrome)</script></span>
+							<span id="update_version_chromium"></span>
 						</li>
 						<li>
 							<span>NodeJS </span>
-							<span id="update_version_nodejs"><script>document.write(process.versions.node)</script></span>
+							<span id="update_version_nodejs"></span>
 						</li>
 					</ul>
 				</div>