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