From a728bcf88699006d00a967691b20d0149d575b5c Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 12 Apr 2022 20:36:00 -0700
Subject: [PATCH] Improve sizing of scrollable content area on mobile

---
 .../web/components/templates/article/EditLabelsControl.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/article/EditLabelsControl.tsx b/packages/web/components/templates/article/EditLabelsControl.tsx
index 96e297242..6eff4bacb 100644
--- a/packages/web/components/templates/article/EditLabelsControl.tsx
+++ b/packages/web/components/templates/article/EditLabelsControl.tsx
@@ -301,14 +301,17 @@ export function EditLabelsControl(props: EditLabelsControlProps): JSX.Element {
       css={{ 
         p: '0',
         width: '100%',
-        maxHeight: '380px',
     }}>
       <Header
         focused={focusedIndex === undefined}
         resetFocusedIndex={() => setFocusedIndex(undefined)}
         setFilterText={setFilterText} filterText={filterText}
       />
-      <VStack css={{ flexGrow: '1', overflow: 'scroll', width: '100%', height: '100%', maxHeight: '400px',  }}>
+      <VStack
+        distribution="start"
+        alignment="start"
+        css={{ flexGrow: '1', overflow: 'scroll', width: '100%', height: '100%', maxHeight: '294px'
+      }}>
         {filteredLabels &&
           filteredLabels.map((label, idx) => (
             <LabelListItem