From dbe8e5060a2a040fd41e86da662a3851c9077dcc Mon Sep 17 00:00:00 2001
From: Karl Prieb <karl@prieb.me>
Date: Tue, 10 Apr 2018 14:54:31 -0300
Subject: [PATCH 1/2] fix add users popup list

---
 .../client/imports/components/contextual-bar.css              | 2 ++
 packages/rocketchat-theme/client/imports/forms/popup-list.css | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/packages/rocketchat-theme/client/imports/components/contextual-bar.css b/packages/rocketchat-theme/client/imports/components/contextual-bar.css
index e9e59007df5d3..5e59630b7cef4 100644
--- a/packages/rocketchat-theme/client/imports/components/contextual-bar.css
+++ b/packages/rocketchat-theme/client/imports/components/contextual-bar.css
@@ -30,6 +30,8 @@
 	&__content {
 		overflow: auto;
 
+		height: 100%;
+
 		padding: var(--default-padding);
 
 		& .js-back {
diff --git a/packages/rocketchat-theme/client/imports/forms/popup-list.css b/packages/rocketchat-theme/client/imports/forms/popup-list.css
index 923e580cb18d9..866c53b531f47 100644
--- a/packages/rocketchat-theme/client/imports/forms/popup-list.css
+++ b/packages/rocketchat-theme/client/imports/forms/popup-list.css
@@ -4,7 +4,11 @@
 	width: 100%;
 
 	&__list {
+		overflow-y: auto;
+
 		width: 100%;
+		height: 312px;
+
 		padding: 1rem;
 
 		border-radius: var(--popup-list-border-radius);

From b8cf49587731f6ded33b424413069a1861c508d1 Mon Sep 17 00:00:00 2001
From: Karl Prieb <karl@prieb.me>
Date: Wed, 11 Apr 2018 14:55:01 -0300
Subject: [PATCH 2/2] fix popup list height

---
 .../rocketchat-theme/client/imports/forms/popup-list.css    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/rocketchat-theme/client/imports/forms/popup-list.css b/packages/rocketchat-theme/client/imports/forms/popup-list.css
index 866c53b531f47..0d0efef10fa30 100644
--- a/packages/rocketchat-theme/client/imports/forms/popup-list.css
+++ b/packages/rocketchat-theme/client/imports/forms/popup-list.css
@@ -3,17 +3,19 @@
 
 	width: 100%;
 
+	padding: 0 4px;
+
 	&__list {
 		overflow-y: auto;
 
 		width: 100%;
-		height: 312px;
+		max-height: 312px;
 
 		padding: 1rem;
 
 		border-radius: var(--popup-list-border-radius);
 		background-color: var(--popup-list-background);
-		box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 12px 0 rgba(47, 52, 61, 0.12);
+		box-shadow: 0 0 2px 0 rgba(47, 52, 61, 0.08), 0 0 8px 0 rgba(47, 52, 61, 0.12);
 	}
 
 	&__item {