diff --git a/packages/fether-react/src/Tokens/TokensList/TokensList.js b/packages/fether-react/src/Tokens/TokensList/TokensList.js
index fef090685..8db885149 100644
--- a/packages/fether-react/src/Tokens/TokensList/TokensList.js
+++ b/packages/fether-react/src/Tokens/TokensList/TokensList.js
@@ -4,7 +4,7 @@
// SPDX-License-Identifier: BSD-3-Clause
import React, { Component } from 'react';
-
+import RequireHealth from '../../RequireHealthOverlay';
import TokenBalance from './TokenBalance';
import withTokens from '../../utils/withTokens';
@@ -17,20 +17,22 @@ class TokensList extends Component {
const shownArray = tokensArray.length ? tokensArray : [{}];
return (
-
-
-
- {shownArray.map((
- token,
- index // With empty tokens, the token.address is not defined, so we prefix with index
- ) => (
- -
-
-
- ))}
-
+
+
+
+
+ {shownArray.map((
+ token,
+ index // With empty tokens, the token.address is not defined, so we prefix with index
+ ) => (
+ -
+
+
+ ))}
+
+
-
+
);
}
}
diff --git a/packages/fether-react/src/assets/sass/components/_alert-screen.scss b/packages/fether-react/src/assets/sass/components/_alert-screen.scss
index c6930b5b1..34a47c7bc 100644
--- a/packages/fether-react/src/assets/sass/components/_alert-screen.scss
+++ b/packages/fether-react/src/assets/sass/components/_alert-screen.scss
@@ -5,6 +5,8 @@
right: 0;
bottom: 0;
height: auto;
+ background: $chrome;
+ z-index: 1;
display: flex;
align-items: center;
@@ -41,7 +43,7 @@
p {
color: $grey;
- font-size: .8rem;
+ font-size: 0.8rem;
line-height: 1.4;
}
}