diff --git a/AtmosJSBrowser/WebContent/css/atmos-browser.css b/AtmosJSBrowser/WebContent/css/atmos-browser.css
index bf08f3a..6625cfd 100644
--- a/AtmosJSBrowser/WebContent/css/atmos-browser.css
+++ b/AtmosJSBrowser/WebContent/css/atmos-browser.css
@@ -79,6 +79,12 @@ input.longField {
     z-index: 10000;
     padding: 8px;
     text-align: center;
+    font: 13px Arial, sans-serif;
+}
+
+#atmosAboutPage .atmosAboutTitle {
+    font-size: 14px;
+    font-weight: bold;
 }
 
 #atmosAboutPage .featureList {
@@ -89,7 +95,7 @@ input.longField {
     background-color: #fff;
     padding: 4px;
     text-align: center;
-    font-size: 10pt;
+    font-size: 12px;
 }
 
 #atmosAboutPage li {
diff --git a/AtmosJSBrowser/WebContent/main.html b/AtmosJSBrowser/WebContent/main.html
index 4189a16..2705839 100644
--- a/AtmosJSBrowser/WebContent/main.html
+++ b/AtmosJSBrowser/WebContent/main.html
@@ -104,9 +104,6 @@
         $( window ).resize( function() {
             sizeToolBar();
         } );
-
-        // populate release version in about page
-        $( '.atmosAboutVersion' ).text( 'version ' + AtmosBrowser.version );
     } );
 
     function sizeToolBar() {
@@ -127,8 +124,15 @@
     }
 
     function showAboutPage() {
-        // populate features in about page
         var $about = $( '#atmosAboutPage' );
+
+        // populate browser release version
+        $about.find( '.atmosAboutVersion' ).text( AtmosBrowser.version );
+
+        // populate Atmos service version
+        $about.find( '.atmos-version' ).text( browser.atmosInfo.version );
+
+        // populate Atmos service features
         for ( var feature in browser.atmosInfo ) {
             if ( !browser.atmosInfo[feature] ) continue;
             $about.find( '.feature-' + feature ).removeClass( 'disabledFeature' );
@@ -599,11 +603,9 @@
 </div>
 
 <div id="atmosAboutPage" onclick="$(this).hide()">
-    Atmos HTML5 Browser<br/>
-    <br/>
-    <span class="atmosAboutVersion"></span><br/>
+    <span class="atmosAboutTitle">Atmos HTML5 Browser v<span class="atmosAboutVersion"></span></span><br/>
     <br/>
-    Available Features:
+    Connected to Atmos v<span class="atmos-version"></span> with the following features:
     <br/>
     <ul class="featureList">
         <li class="feature-object disabledFeature">Object API</li>
diff --git a/AtmosJSBrowser/test/test.html b/AtmosJSBrowser/test/test.html
index f361a45..2092c08 100644
--- a/AtmosJSBrowser/test/test.html
+++ b/AtmosJSBrowser/test/test.html
@@ -119,9 +119,6 @@
         $( window ).resize( function() {
             sizeToolBar();
         } );
-
-        // populate release version in about page
-        $( '.atmosAboutVersion' ).text( 'version ' + AtmosBrowser.version );
     } );
 
     function sizeToolBar() {
@@ -142,8 +139,15 @@
     }
 
     function showAboutPage() {
-        // populate features in about page
         var $about = $( '#atmosAboutPage' );
+
+        // populate browser release version
+        $about.find( '.atmosAboutVersion' ).text( AtmosBrowser.version );
+
+        // populate Atmos service version
+        $about.find( '.atmos-version' ).text( browser.atmosInfo.version );
+
+        // populate Atmos service features
         for ( var feature in browser.atmosInfo ) {
             if ( !browser.atmosInfo[feature] ) continue;
             $about.find( '.feature-' + feature ).removeClass( 'disabledFeature' );
@@ -614,11 +618,9 @@
 </div>
 
 <div id="atmosAboutPage" onclick="$(this).hide()">
-    Atmos HTML5 Browser<br/>
-    <br/>
-    <span class="atmosAboutVersion"></span><br/>
+    <span class="atmosAboutTitle">Atmos HTML5 Browser v<span class="atmosAboutVersion"></span></span><br/>
     <br/>
-    Available Features:
+    Connected to Atmos v<span class="atmos-version"></span> with the following features:
     <br/>
     <ul class="featureList">
         <li class="feature-object disabledFeature">Object API</li>