add span back

client/src/components/categorical/value/index.js

@@ -15,10 +15,10 @@ import * as globals from "../../../globals";
 import styles from "../categorical.css";
 import AnnoDialog from "../annoDialog";
 import LabelInput from "../labelInput";
+import Truncate from "../../util/truncate";
 
 import { AnnotationsHelpers } from "../../../util/stateManager";
 import { labelPrompt, isLabelErroneous } from "../labelUtil";
-import Truncate from "../../util/truncate";
 
 /* this is defined outside of the class so we can use it in connect() */
 function _currentLabel(ownProps, categoricalSelection) {
@@ -383,6 +383,8 @@ class CategoryValue extends React.Component {
                   : globals.leftSidebarWidth - 145 - 26
               }
               fontSize={12}
+            >
+              <span
                 data-testid={`categorical-value-${metadataField}-${displayString}`}
                 data-testclass="categorical-value"
                 style={{
@@ -403,6 +405,7 @@ class CategoryValue extends React.Component {
                 }}
               >
                 {displayString}
+              </span>
             </Truncate>
             {editModeActive ? (
               <div>