diff --git a/packages/fether-react/package.json b/packages/fether-react/package.json
index 6b68b0cbe4894eba24b0b10053ed4fbce9eb3a15..112e5a7dded1ab6283312397e38cccde4b14cd36 100644
--- a/packages/fether-react/package.json
+++ b/packages/fether-react/package.json
@@ -54,7 +54,6 @@
     "react-markdown": "^3.3.4",
     "react-router-dom": "^4.2.2",
     "react-scripts": "1.1.4",
-    "react-tooltip": "^3.6.1",
     "recompose": "^0.27.1",
     "rxjs": "^6.2.0"
   },
diff --git a/packages/fether-react/src/Accounts/CreateAccount/AccountName/AccountName.js b/packages/fether-react/src/Accounts/CreateAccount/AccountName/AccountName.js
index 1659aee96f7c66e38c655dd1f3d09d6cb7f48bd1..39385988175f03f863e00ffc88e96f369f2fac33 100644
--- a/packages/fether-react/src/Accounts/CreateAccount/AccountName/AccountName.js
+++ b/packages/fether-react/src/Accounts/CreateAccount/AccountName/AccountName.js
@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: BSD-3-Clause
 
 import React, { Component } from 'react';
-import { AccountCard, Card, FormField } from 'fether-ui';
+import { AccountCard, Card, Form as FetherForm } from 'fether-ui';
 import Blockies from 'react-blockies';
 import { inject, observer } from 'mobx-react';
 import { Link } from 'react-router-dom';
@@ -79,7 +79,7 @@ class AccountName extends Component {
         <div className='text'>
           <p>Please give this account a name:</p>
         </div>
-        <FormField
+        <FetherForm.Field
           label='Name'
           onChange={this.handleChangeName}
           required
diff --git a/packages/fether-react/src/Accounts/CreateAccount/AccountPassword/AccountPassword.js b/packages/fether-react/src/Accounts/CreateAccount/AccountPassword/AccountPassword.js
index 6870f8c9a214bc279f86fc7e0c483bd8a857cb50..9423fdf6e1ecae57eedb025fe3082493426093a9 100644
--- a/packages/fether-react/src/Accounts/CreateAccount/AccountPassword/AccountPassword.js
+++ b/packages/fether-react/src/Accounts/CreateAccount/AccountPassword/AccountPassword.js
@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: BSD-3-Clause
 
 import React, { Component } from 'react';
-import { AccountCard, FormField } from 'fether-ui';
+import { AccountCard, Form as FetherForm } from 'fether-ui';
 import { inject, observer } from 'mobx-react';
 
 @inject('createAccountStore')
@@ -55,7 +55,7 @@ class AccountPassword extends Component {
               <p>Secure your account with a password:</p>
             </div>
 
-            <FormField
+            <FetherForm.Field
               label='Password'
               onChange={this.handlePasswordChange}
               required
@@ -63,7 +63,7 @@ class AccountPassword extends Component {
               value={password}
             />
 
-            <FormField
+            <FetherForm.Field
               label='Confirm'
               onChange={this.handleConfirmChange}
               required
diff --git a/packages/fether-react/src/Accounts/CreateAccount/AccountRewritePhrase/AccountRewritePhrase.js b/packages/fether-react/src/Accounts/CreateAccount/AccountRewritePhrase/AccountRewritePhrase.js
index e50ea6ef11e3bb04f006a94819233a46645963cc..b50af0ece61e4308aac817eb06abd32f9849444b 100644
--- a/packages/fether-react/src/Accounts/CreateAccount/AccountRewritePhrase/AccountRewritePhrase.js
+++ b/packages/fether-react/src/Accounts/CreateAccount/AccountRewritePhrase/AccountRewritePhrase.js
@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: BSD-3-Clause
 
 import React, { Component } from 'react';
-import { AccountCard, FormField } from 'fether-ui';
+import { AccountCard, Form as FetherForm } from 'fether-ui';
 import debounce from 'lodash/debounce';
 import { inject, observer } from 'mobx-react';
 
@@ -77,11 +77,12 @@ class AccountRewritePhrase extends Component {
                 </p>
               )}
             </div>
-            <FormField
-              input={
-                <textarea onChange={this.handleChange} required value={value} />
-              }
+            <FetherForm.Field
+              as='textarea'
               label='Recovery phrase'
+              onChange={this.handleChange}
+              required
+              value={value}
             />
 
             <nav className='form-nav -space-around'>
diff --git a/packages/fether-react/src/App/App.js b/packages/fether-react/src/App/App.js
index a624480ff69a9a0ac595a7c64f97bbf696f216a3..fc8a44f541c2680df740e9766da6b81a92a8f059 100644
--- a/packages/fether-react/src/App/App.js
+++ b/packages/fether-react/src/App/App.js
@@ -29,13 +29,6 @@ const Router =
 @inject('healthStore', 'onboardingStore')
 @observer
 class App extends Component {
-  componentDidCatch () {
-    if (process.env.NODE_ENV !== 'development') {
-      // Redirect to '/' on errors
-      window.location.href = '/';
-    }
-  }
-
   render () {
     return (
       <Router>
diff --git a/packages/fether-react/src/Onboarding/Onboarding.js b/packages/fether-react/src/Onboarding/Onboarding.js
index 5ea7e02e1c860a1d78389246c46ae4baa1a11b2b..e818005648a5efb9a8cc82968bb3e97d17f8662d 100644
--- a/packages/fether-react/src/Onboarding/Onboarding.js
+++ b/packages/fether-react/src/Onboarding/Onboarding.js
@@ -4,7 +4,7 @@
 // SPDX-License-Identifier: BSD-3-Clause
 
 import React, { Component } from 'react';
-import { FormField, Header } from 'fether-ui';
+import { Form as FetherForm, Header } from 'fether-ui';
 import { inject, observer } from 'mobx-react';
 import ReactMarkdown from 'react-markdown';
 
@@ -54,14 +54,11 @@ class Onboarding extends Component {
 
         <div className='window_content'>
           <div className='box -padded'>
-            <FormField
-              input={
-                <ReactMarkdown
-                  className='terms-and-conditions'
-                  renderers={reactMarkdownOptions}
-                  source={this.state.markdown}
-                />
-              }
+            <FetherForm.Field
+              as={ReactMarkdown}
+              className='terms-and-conditions'
+              renderers={reactMarkdownOptions}
+              source={this.state.markdown}
               label='Please read carefully'
             />
           </div>
diff --git a/packages/fether-react/src/assets/sass/components/_account.scss b/packages/fether-react/src/assets/sass/components/_account.scss
index dd6d9bb0734398e6ec03c61f6d9ed7c09a41e799..a5a8f370e0ea06a4186f26377a9d8d8621a3c082 100644
--- a/packages/fether-react/src/assets/sass/components/_account.scss
+++ b/packages/fether-react/src/assets/sass/components/_account.scss
@@ -39,6 +39,7 @@
   .account_name {
     color: $black;
     font-weight: 500;
+    margin-bottom: 0.1rem;
   }
 
   .account_address {
diff --git a/packages/fether-react/src/stores/sendStore.spec.js b/packages/fether-react/src/stores/sendStore.spec.js
index c0d8113cd350bfa1f1daf7d0c07f08cbe2e060cd..3eb0bab6cc64a5179ebb25bbc6c65a66200c7d9b 100644
--- a/packages/fether-react/src/stores/sendStore.spec.js
+++ b/packages/fether-react/src/stores/sendStore.spec.js
@@ -37,13 +37,6 @@ jest.mock('./parityStore', () => ({
   }
 }));
 
-jest.mock('./tokensStore', () => ({
-  tokens: {
-    ETH: { decimals: 18 },
-    foo: { decimals: 18 }
-  }
-}));
-
 const mockTx = {
   amount: 0.01, // In Ether or in token
   gasPrice: 4, // in Gwei
@@ -117,9 +110,13 @@ describe('method send', () => {
     sendStore.setTx(mockTx);
   });
 
-  test.skip('should call transfer$ if the token is Erc20 and subscribe to it', () => {
+  test('should call makeContract$ if the token is Erc20 ', () => {
     sendStore.send(mockErc20Token);
-    expect(sendStore.contract.transfer$).toHaveBeenCalled();
+    expect(lightJs.makeContract$).toHaveBeenCalled();
+  });
+
+  test.skip('should call transfer$ if the token is Erc20 and subscribe to it', () => {
+    // TODO
   });
 
   test('should call post$ if the token is ETH  and subscribe to it', () => {
diff --git a/packages/fether-ui/package.json b/packages/fether-ui/package.json
index 9d676770c8ce5416e6e0c3892da5877a2213d7f4..54c8a4b87a2ac607bf2e147b6af76df5f1dde371 100644
--- a/packages/fether-ui/package.json
+++ b/packages/fether-ui/package.json
@@ -33,7 +33,6 @@
   "dependencies": {
     "react-blockies": "^1.3.0",
     "react-content-loader": "^3.1.2",
-    "react-tooltip": "^3.6.1",
     "semantic-ui-css": "^2.3.2",
     "semantic-ui-react": "^0.81.3"
   },
diff --git a/packages/fether-ui/src/AccountCard/Address/Address.js b/packages/fether-ui/src/AccountCard/Address/Address.js
index 9c1c5edb955f5bfe548d50c2b9739f86fa288e59..7aa7ab89941f58e83c344f5dffd40f3169bc2f54 100644
--- a/packages/fether-ui/src/AccountCard/Address/Address.js
+++ b/packages/fether-ui/src/AccountCard/Address/Address.js
@@ -18,7 +18,7 @@ export const Address = ({ address, short, ...otherProps }) => (
         address
       )
     ) : (
-      <Placeholder height={18} width={100} />
+      <Placeholder height={14} width={100} />
     )}
   </div>
 );
diff --git a/packages/fether-ui/src/ClickToCopy/ClickToCopy.js b/packages/fether-ui/src/ClickToCopy/ClickToCopy.js
index ceb3180a31b89ee47360f4f3a9ddcf9b51bf09fc..b6822c342ef2c67117167690bab41b09f3dde3ff 100644
--- a/packages/fether-ui/src/ClickToCopy/ClickToCopy.js
+++ b/packages/fether-ui/src/ClickToCopy/ClickToCopy.js
@@ -4,8 +4,9 @@
 // SPDX-License-Identifier: BSD-3-Clause
 
 import React, { PureComponent } from 'react';
+import { Popup } from 'semantic-ui-react';
 import PropTypes from 'prop-types';
-import ReactTooltip from 'react-tooltip';
+import 'semantic-ui-css/components/popup.min.css';
 
 export class ClickToCopy extends PureComponent {
   static defaultProps = {
@@ -21,10 +22,6 @@ export class ClickToCopy extends PureComponent {
     copied: false
   };
 
-  componentWillUnmount () {
-    window.clearTimeout(this.timeout);
-  }
-
   handleCopy = () => {
     // https://hackernoon.com/copying-text-to-clipboard-with-javascript-df4d4988697f
     // Note react-copy-to-clipboard created a bug, https://github.com/nkbt/react-copy-to-clipboard/issues/92
@@ -36,35 +33,27 @@ export class ClickToCopy extends PureComponent {
     document.body.removeChild(el);
 
     this.setState({ copied: true });
-
-    // Show the copied state only for 1s
-    if (this.timeout) {
-      window.clearTimeout(this.timeout);
-    }
-    this.timeout = window.setTimeout(
-      () => this.setState({ copied: false }),
-      1000
-    );
   };
 
-  handleResetCopied = () => {};
+  handleResetCopied = () => this.setState({ copied: false });
 
   render () {
-    const { children, label, ...otherProps } = this.props;
+    const { children, label, textToCopy, ...otherProps } = this.props;
     const { copied } = this.state;
 
     return (
-      <div data-tip='' onClick={this.handleCopy}>
-        {children}
-        <ReactTooltip
-          effect='solid'
-          event='mouseover'
-          eventOff='mouseout'
-          place='bottom'
-          getContent={[() => (copied ? 'Copied.' : label), 50]}
-          {...otherProps}
-        />
-      </div>
+      <Popup
+        content={copied ? 'Copied.' : 'Click to copy'}
+        inverted
+        onClose={this.handleResetCopied}
+        position='bottom center'
+        size='mini'
+        trigger={
+          <div onClick={this.handleCopy} {...otherProps}>
+            {children}
+          </div>
+        }
+      />
     );
   }
 }
diff --git a/packages/fether-ui/src/Form/Field/Field.js b/packages/fether-ui/src/Form/Field/Field.js
index b16817143ae3869523f324dee0c96c81aa8b545c..ae6350cd52ba8fdf5e34e146ad3491dd9f9b9d63 100644
--- a/packages/fether-ui/src/Form/Field/Field.js
+++ b/packages/fether-ui/src/Form/Field/Field.js
@@ -21,7 +21,9 @@ export const Field = ({
       content={meta && (meta.error || meta.submitError)}
       inverted
       on='click'
-      open={meta && !meta.pristine && !meta.valid && !meta.dirtySinceLastSubmit}
+      open={
+        !!meta && !meta.pristine && !meta.valid && !meta.dirtySinceLastSubmit
+      }
       position='top center'
       size='mini'
       trigger={<T {...input} {...otherProps} />}
diff --git a/yarn.lock b/yarn.lock
index b8d3e188387b8b96f4d0ef3d5e41f58a68e3e961..b61f7ff47a69fe1ff7862d315c89266c76d4cf43 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9667,13 +9667,6 @@ react-scripts@1.1.4:
   optionalDependencies:
     fsevents "^1.1.3"
 
-react-tooltip@^3.6.1:
-  version "3.6.1"
-  resolved "https://registry.yarnpkg.com/react-tooltip/-/react-tooltip-3.6.1.tgz#2ca993baa50d7e0271b8d13c6024445a883842eb"
-  dependencies:
-    classnames "^2.2.5"
-    prop-types "^15.6.0"
-
 react@^16.3.2, react@^16.4.0:
   version "16.4.1"
   resolved "https://registry.yarnpkg.com/react/-/react-16.4.1.tgz#de51ba5764b5dbcd1f9079037b862bd26b82fe32"