From abd8fd7f29e0f2e4db6ac8e45e71b5f32df22d9b Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Fri, 11 May 2018 15:15:33 -0700
Subject: [PATCH] Fix color dropdown by adding maxHeight attribute

---
 ui/src/shared/components/ColorDropdown.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/shared/components/ColorDropdown.js b/ui/src/shared/components/ColorDropdown.js
index 48d648410..71ac90bb3 100644
--- a/ui/src/shared/components/ColorDropdown.js
+++ b/ui/src/shared/components/ColorDropdown.js
@@ -5,6 +5,7 @@ import classnames from 'classnames'
 import OnClickOutside from 'shared/components/OnClickOutside'
 import FancyScrollbar from 'shared/components/FancyScrollbar'
 import {ErrorHandling} from 'src/shared/decorators/errors'
+import {DROPDOWN_MENU_MAX_HEIGHT} from 'src/shared/constants/index'
 
 @ErrorHandling
 class ColorDropdown extends Component {
@@ -63,7 +64,11 @@ class ColorDropdown extends Component {
         </div>
         {visible ? (
           <div className="color-dropdown--menu">
-            <FancyScrollbar autoHide={false} autoHeight={true}>
+            <FancyScrollbar
+              autoHide={false}
+              autoHeight={true}
+              maxHeight={DROPDOWN_MENU_MAX_HEIGHT}
+            >
               {colors.map((color, i) => (
                 <div
                   className={