From ef4c49525b10c6150b0dd58e5c20d4f0de61d10a Mon Sep 17 00:00:00 2001
From: alexpaxton <alex@influxdata.com>
Date: Thu, 28 Mar 2019 17:49:02 -0700
Subject: [PATCH] Fix runaway legend (#13005)

---
 ui/src/shared/components/Legend.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/ui/src/shared/components/Legend.tsx b/ui/src/shared/components/Legend.tsx
index b4705c486d..9b837cfd14 100644
--- a/ui/src/shared/components/Legend.tsx
+++ b/ui/src/shared/components/Legend.tsx
@@ -42,7 +42,10 @@ class Legend extends PureComponent<Props> {
     return createPortal(
       <div className="legend" ref={this.legendRef}>
         <div className="legend--time">{this.time}</div>
-        <DapperScrollbars style={{maxHeight: '120px'}} autoHide={true}>
+        <DapperScrollbars
+          style={{maxHeight: '120px', maxWidth: '500px'}}
+          autoHide={true}
+        >
           <div className="legend--columns">
             {this.columns.map(({name, isNumeric, rows}, i) => (
               <div