diff --git a/packages/apps/src/NodeInfo.tsx b/packages/apps/src/NodeInfo.tsx
index 5003692947..1fb3f01f39 100644
--- a/packages/apps/src/NodeInfo.tsx
+++ b/packages/apps/src/NodeInfo.tsx
@@ -17,6 +17,10 @@ import translate from './translate';
 
 type Props = I18nProps & {};
 
+const pkgJson = require('../package.json');
+
+console.log('@polkadot/apps', pkgJson.version);
+
 function updateTestInfo (chain?: string) {
   keyring.setTestMode(isTestChain(chain));
 }
@@ -33,13 +37,16 @@ class NodeInfo extends React.PureComponent<Props> {
           })}
           onChange={updateTestInfo}
         />
-        <NodeName label={t('info.name', {
+        <NodeName label={t('info.clientName', {
           defaultValue: 'client: '
         })}
         />
-        <NodeVersion label={t('info.name', {
-          defaultValue: 'version: '
+        <NodeVersion label={t('info.clientVersion', {
+          defaultValue: 'client version: '
         })} />
+        <div>{t('info.uiVersion', {
+          defaultValue: 'ui version:'
+        })} {pkgJson.version}</div>
       </div>
     );
   }
diff --git a/packages/apps/src/index.tsx b/packages/apps/src/index.tsx
index 2353916338..283d20131e 100644
--- a/packages/apps/src/index.tsx
+++ b/packages/apps/src/index.tsx
@@ -19,10 +19,6 @@ import SideBar from './SideBar';
 
 type Props = BareProps & {};
 
-const pkgJson = require('../package.json');
-
-console.log('@polkadot/apps', pkgJson.version);
-
 function App ({ className, style }: Props) {
   return (
     <div