From 456e6202c4c7464ee5e9593301c021a76dc782cf Mon Sep 17 00:00:00 2001
From: Marni <marniduffy@gmail.com>
Date: Tue, 9 Oct 2018 13:51:46 -0400
Subject: [PATCH] trying to get mapping of nominators correct (#346)

* trying to get mapping of nominators correct

* changed double quote to single
---
 .../app-staking/src/StakeList/Account.tsx     | 19 ++++++++++++-------
 packages/app-staking/src/index.css            |  6 ++++++
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/packages/app-staking/src/StakeList/Account.tsx b/packages/app-staking/src/StakeList/Account.tsx
index a39b2eec5f..197ffd656e 100644
--- a/packages/app-staking/src/StakeList/Account.tsx
+++ b/packages/app-staking/src/StakeList/Account.tsx
@@ -115,13 +115,18 @@ class Account extends React.PureComponent<Props, State> {
       return null;
     }
 
-    return stakingNominatorsFor.map((nominator) => (
-      <AddressMini
-        key={nominator}
-        value={nominator}
-        withBalance
-      />
-    ));
+    return (
+      <div className='ui--Nominators'>
+        {stakingNominatorsFor.map((nominator) => (
+          <AddressMini
+            isPadded={false}
+            key={nominator}
+            value={nominator}
+            withBalance
+          />
+        ))}
+      </div>
+    );
   }
 
   private renderButtons () {
diff --git a/packages/app-staking/src/index.css b/packages/app-staking/src/index.css
index 904db9bc35..d74e81b320 100644
--- a/packages/app-staking/src/index.css
+++ b/packages/app-staking/src/index.css
@@ -28,6 +28,12 @@
   display: block;
 }
 
+.ui--Nominators {
+  overflow-y: overlay;
+  max-height: 196px;
+  padding-right: 18px;
+}
+
 .staking--Account .ui--AddressSummary {
   padding: 0;
 }