From 2fb51aca9c45524822be48c5bfca869801ba060b Mon Sep 17 00:00:00 2001
From: Manuel Calavera <diserkin@gmail.com>
Date: Wed, 24 Jul 2019 10:19:11 -0700
Subject: [PATCH] fix: qa feedback

---
 src/v2/components/NavBar/styles.js     |  3 ++-
 src/v2/components/Validators/styles.js | 12 +++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/v2/components/NavBar/styles.js b/src/v2/components/NavBar/styles.js
index de9f4e49..f22743fa 100644
--- a/src/v2/components/NavBar/styles.js
+++ b/src/v2/components/NavBar/styles.js
@@ -61,7 +61,8 @@ export default makeStyles(theme => ({
   listRoot: {
     width: 88,
     transition: '.15s ease-in-out',
-    overflow: 'hidden',
+    overflowX: 'hidden',
+    overflowY: 'auto',
     '&:hover': {
       width: 225,
     },
diff --git a/src/v2/components/Validators/styles.js b/src/v2/components/Validators/styles.js
index 26164266..1183d287 100644
--- a/src/v2/components/Validators/styles.js
+++ b/src/v2/components/Validators/styles.js
@@ -7,7 +7,7 @@ export default makeStyles(theme => ({
   },
   changes: {
     display: 'flex',
-    justifyContent: 'space-between',
+    justifyContent: 'center',
     alignItems: 'center',
     width: '100%',
     padding: '0 20px',
@@ -23,14 +23,14 @@ export default makeStyles(theme => ({
     '&:not(:last-child)': {
       marginBottom: 15,
     },
-    [theme.breakpoints.down('md')]: {
+    [theme.breakpoints.down('sm')]: {
       flex: 1,
       '&:not(:last-child)': {
         marginBottom: 0,
         marginRight: 10,
       },
     },
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down('xs')]: {
       flex: 1,
       '&:not(:last-child)': {
         marginRight: 0,
@@ -47,5 +47,11 @@ export default makeStyles(theme => ({
   stats: {
     display: 'flex',
     flexDirection: 'column',
+    [theme.breakpoints.down('sm')]: {
+      flexDirection: 'row',
+    },
+    [theme.breakpoints.down('xs')]: {
+      flexDirection: 'column',
+    },
   },
 }));