From 7db76d323b2a33563ef4b29e2ffd6d36b3e25c12 Mon Sep 17 00:00:00 2001
From: Severiano Badajoz <sbadajoz@chanzuckerberg.com>
Date: Thu, 28 May 2020 16:07:09 -0700
Subject: [PATCH] tweak widths

---
 client/src/components/categorical/category/index.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/client/src/components/categorical/category/index.js b/client/src/components/categorical/category/index.js
index c8a944c6..4feaf559 100644
--- a/client/src/components/categorical/category/index.js
+++ b/client/src/components/categorical/category/index.js
@@ -22,6 +22,8 @@ import * as globals from "../../../globals";
   };
 })
 class Category extends React.Component {
+  _labelWidth = globals.leftSidebarWidth - 80;
+
   constructor(props) {
     super(props);
     this.state = {
@@ -141,11 +143,12 @@ class Category extends React.Component {
               <input disabled id={checkboxID} checked type="checkbox" />
               <span className="bp3-control-indicator" />
             </label>
-            <Truncate fontSize={12} size={globals.maxControlsWidth}>
+            <Truncate fontSize={12} size={this._labelWidth}>
               <span
                 style={{
                   cursor: "pointer",
                   display: "inline-block",
+                  width: this._labelWidth,
                 }}
               >
                 {metadataField}
@@ -242,11 +245,11 @@ class Category extends React.Component {
             }}
             style={{
               cursor: "pointer",
-              display: "inline-block",
+              width: this._labelWidth,
             }}
             onClick={this.handleCategoryClick}
           >
-            <Truncate fontSize={12} size={220}>
+            <Truncate fontSize={14} size={this._labelWidth}>
               <span>{metadataField}</span>
             </Truncate>
             {isExpanded ? (