diff --git a/packages/app-explorer/src/index.css b/packages/app-explorer/src/index.css
index a9730c9535..5deabf2ada 100644
--- a/packages/app-explorer/src/index.css
+++ b/packages/app-explorer/src/index.css
@@ -13,13 +13,12 @@
 .explorer--NodeInfo {
   font-size: 0.75rem;
   opacity: 0.5;
-  margin-bottom: 0.5rem;
-  text-align: left;
+  text-align: right;
 }
 
 .explorer--NodeInfo div {
   display: inline-block;
-  margin-right: 0.5rem;
+  margin-left: 0.5rem;
 }
 
 .explorer--BestHash,
diff --git a/packages/app-explorer/src/index.js b/packages/app-explorer/src/index.js
index b3423c18f9..abb5e5a250 100644
--- a/packages/app-explorer/src/index.js
+++ b/packages/app-explorer/src/index.js
@@ -35,7 +35,9 @@ function ExplorerApp ({ className, style, t }: Props): React$Node {
           defaultValue: 'client: '
         })}
         />
-        <NodeVersion label='v.' />
+        <NodeVersion label={t('app.name', {
+          defaultValue: 'version: '
+        })} />
       </div>
       <BestNumber
         className='explorer--BestNumber'
diff --git a/packages/app-extrinsics/src/Extrinsic.js b/packages/app-extrinsics/src/Extrinsic.js
index 5ce116a7df..a5c693a047 100644
--- a/packages/app-extrinsics/src/Extrinsic.js
+++ b/packages/app-extrinsics/src/Extrinsic.js
@@ -3,7 +3,6 @@
 // of the ISC license. See the LICENSE file for details.
 // @flow
 
-import type { EncodingVersions } from '@polkadot/extrinsics-codec/types';
 import type { Extrinsic$Method } from '@polkadot/extrinsics/types';
 import type { BareProps } from '@polkadot/ui-app/types';
 import type { ApiProps } from '@polkadot/ui-react-rx/types';
@@ -32,8 +31,7 @@ type Props = BareProps & ApiProps & {
 
 type State = {
   extrinsic: Extrinsic$Method,
-  values: Array<RawParam>,
-  apiSupport: EncodingVersions
+  values: Array<RawParam>
 };
 
 class Extrinsic extends React.PureComponent<Props, State> {
@@ -44,22 +42,10 @@ class Extrinsic extends React.PureComponent<Props, State> {
 
     this.state = {
       extrinsic: props.defaultValue,
-      values: [],
-      apiSupport: 'poc-1'
+      values: []
     };
   }
 
-  componentDidMount () {
-    // FIXME should be shared component, no unmount here
-    this.props.api.system.version().subscribe((nodeVersion?: string) => {
-      this.setState({
-        apiSupport: nodeVersion === undefined || nodeVersion === '0.1.0'
-          ? 'poc-1'
-          : 'latest'
-      });
-    });
-  }
-
   render (): React$Node {
     const { className, defaultValue, isError, isPrivate, labelMethod, labelSection, style } = this.props;
     const { extrinsic } = this.state;
@@ -88,8 +74,8 @@ class Extrinsic extends React.PureComponent<Props, State> {
 
   nextState (newState: $Shape<State>): void {
     this.setState(newState, () => {
-      const { onChange } = this.props;
-      const { apiSupport, extrinsic, values } = this.state;
+      const { apiSupport, onChange } = this.props;
+      const { extrinsic, values } = this.state;
       const params = Object.values(extrinsic.params);
       const isValid = values.length === params.length &&
         params.reduce((isValid, param, index) =>
diff --git a/packages/apps/src/Connecting/index.js b/packages/apps/src/Connecting/index.js
index 75909a78d0..2300cb014c 100644
--- a/packages/apps/src/Connecting/index.js
+++ b/packages/apps/src/Connecting/index.js
@@ -4,26 +4,24 @@
 // @flow
 
 import type { I18nProps } from '@polkadot/ui-app/types';
+import type { ApiProps } from '@polkadot/ui-react-rx/types';
 
 import './Connecting.css';
 
 import React from 'react';
 
 import classes from '@polkadot/ui-app/util/classes';
-import withApiCall from '@polkadot/ui-react-rx/with/apiCall';
+import withApi from '@polkadot/ui-react-rx/with/api';
 
 import translate from '../translate';
 
-type Props = I18nProps & {
-  value: boolean
-};
+type Props = I18nProps & ApiProps;
 
-function Connecting ({ className, style, value, t }: Props): React$Node {
-  if (value) {
+function Connecting ({ apiConnected, className, style, t }: Props): React$Node {
+  if (apiConnected) {
     return null;
   }
 
-  // 'ui inverted page modals dimmer transition visible active'
   return (
     <div
       className={classes('apps--Connecting', className)}
@@ -39,7 +37,5 @@ function Connecting ({ className, style, value, t }: Props): React$Node {
 }
 
 export default translate(
-  withApiCall({ name: 'isConnected' })(
-    Connecting
-  )
+  withApi(Connecting)
 );
diff --git a/packages/ui-app/package.json b/packages/ui-app/package.json
index b7b2c44bd6..526438e2d3 100644
--- a/packages/ui-app/package.json
+++ b/packages/ui-app/package.json
@@ -15,8 +15,8 @@
     "@polkadot/extrinsics-substrate": "^0.16.15",
     "@polkadot/storage-substrate": "^0.16.15",
     "@polkadot/ui-keyring": "^0.6.11",
-    "@polkadot/ui-react": "^0.13.19",
-    "@polkadot/ui-react-rx": "^0.13.19",
+    "@polkadot/ui-react": "^0.13.22",
+    "@polkadot/ui-react-rx": "^0.13.22",
     "i18next": "^11.1.1",
     "i18next-browser-languagedetector": "^2.2.0",
     "i18next-xhr-backend": "^1.5.1",
diff --git a/packages/ui-keyring/package.json b/packages/ui-keyring/package.json
index abd849c7bc..6ba7dcc858 100644
--- a/packages/ui-keyring/package.json
+++ b/packages/ui-keyring/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0-beta.47",
-    "@polkadot/ui-react": "^0.13.19",
+    "@polkadot/ui-react": "^0.13.22",
     "@polkadot/util-keyring": "^0.22.2",
     "store": "^2.0.12"
   },
diff --git a/packages/ui-signer/src/Modal.js b/packages/ui-signer/src/Modal.js
index 98a5e294db..68315cf616 100644
--- a/packages/ui-signer/src/Modal.js
+++ b/packages/ui-signer/src/Modal.js
@@ -3,7 +3,6 @@
 // of the ISC license. See the LICENSE file for details.
 // @flow
 
-import type { EncodingVersions } from '@polkadot/extrinsics-codec/types';
 import type { ApiProps } from '@polkadot/ui-react-rx/types';
 import type { I18nProps } from '@polkadot/ui-app/types';
 import type { QueueTx, QueueTx$MessageSetStatus } from './types';
@@ -33,7 +32,6 @@ type UnlockI18n = {
 }
 
 type State = {
-  apiSupport: EncodingVersions,
   currentItem?: QueueTx,
   password: string,
   unlockError: UnlockI18n | null
@@ -52,7 +50,7 @@ class Signer extends React.PureComponent<Props, State> {
     };
   }
 
-  static getDerivedStateFromProps ({ queue }: Props, { apiSupport, currentItem, password, unlockError }: State): State {
+  static getDerivedStateFromProps ({ queue }: Props, { currentItem, password, unlockError }: State): State {
     const nextItem = queue.find(({ status }) =>
       status === 'queued'
     );
@@ -67,24 +65,12 @@ class Signer extends React.PureComponent<Props, State> {
       );
 
     return {
-      apiSupport,
       currentItem: nextItem,
       password: isSame ? password : '',
       unlockError: isSame ? unlockError : null
     };
   }
 
-  componentDidMount () {
-    // FIXME should be shared component, no unmount here
-    this.props.api.system.version().subscribe((nodeVersion?: string) => {
-      this.setState({
-        apiSupport: nodeVersion === undefined || nodeVersion === '0.1.0'
-          ? 'poc-1'
-          : 'latest'
-      });
-    });
-  }
-
   componentDidUpdate (prevProps: Props, prevState: State) {
     const { currentItem } = this.state;
 
@@ -240,8 +226,7 @@ class Signer extends React.PureComponent<Props, State> {
       }
     }
 
-    const { api, queueSetStatus } = this.props;
-    const { apiSupport } = this.state;
+    const { api, apiSupport, queueSetStatus } = this.props;
 
     queueSetStatus(id, 'sending');
 
diff --git a/yarn.lock b/yarn.lock
index 9410a11fd6..a472872f8a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -926,28 +926,28 @@
     "@polkadot/util" "^0.22.2"
     "@polkadot/util-keyring" "^0.22.2"
 
-"@polkadot/ui-identicon@^0.13.19":
-  version "0.13.19"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-identicon/-/ui-identicon-0.13.19.tgz#b788b7c5a4c5d1b0a0178223629439c085f5e167"
+"@polkadot/ui-identicon@^0.13.22":
+  version "0.13.22"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-identicon/-/ui-identicon-0.13.22.tgz#75a479cf4d22ecce676229e7719651c77172e2eb"
   dependencies:
     "@babel/runtime" "^7.0.0-beta.47"
     color "^3.0.0"
 
-"@polkadot/ui-react-rx@^0.13.19":
-  version "0.13.19"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-react-rx/-/ui-react-rx-0.13.19.tgz#30e398c1bbed3bfe906a53082ebcac447ab8ff93"
+"@polkadot/ui-react-rx@^0.13.22":
+  version "0.13.22"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-react-rx/-/ui-react-rx-0.13.22.tgz#e96ce854651d4cf32980f6143f7fe4201fb2342d"
   dependencies:
     "@babel/runtime" "^7.0.0-beta.47"
     "@polkadot/api-rx" "^0.12.15"
     "@polkadot/extrinsics-codec" "^0.16.15"
     "@polkadot/storage-substrate" "^0.16.15"
 
-"@polkadot/ui-react@^0.13.19":
-  version "0.13.19"
-  resolved "https://registry.yarnpkg.com/@polkadot/ui-react/-/ui-react-0.13.19.tgz#8085524bfafbd04bea3c33c19b3ee87f8c83a398"
+"@polkadot/ui-react@^0.13.22":
+  version "0.13.22"
+  resolved "https://registry.yarnpkg.com/@polkadot/ui-react/-/ui-react-0.13.22.tgz#a8c8d9f7ee667b29d45a8ddc8f8426613d2c55e0"
   dependencies:
     "@babel/runtime" "^7.0.0-beta.47"
-    "@polkadot/ui-identicon" "^0.13.19"
+    "@polkadot/ui-identicon" "^0.13.22"
 
 "@polkadot/util-crypto@^0.22.2":
   version "0.22.2"