fixup indentation

packages/react/src/TreeView/TreeView.tsx

@@ -86,19 +86,19 @@ const UlBox = toggleStyledComponent(
     margin: 0;
 
     /*
-   * WARNING: This is a performance optimization.
-   *
-   * We define styles for the tree items at the root level of the tree
-   * to avoid recomputing the styles for each item when the tree updates.
-   * We're sacraficing maintainability for performance because TreeView
-   * needs to be performant enough to handle large trees (thousands of items).
-   *
-   * This is intended to be a temporary solution until we can improve the
-   * performance of our styling patterns.
-   *
-   * Do NOT copy this pattern without understanding the tradeoffs.
-   * Do NOT reference PRIVATE_* classnames outside of this file.
-   */
+     * WARNING: This is a performance optimization.
+     *
+     * We define styles for the tree items at the root level of the tree
+     * to avoid recomputing the styles for each item when the tree updates.
+     * We're sacraficing maintainability for performance because TreeView
+     * needs to be performant enough to handle large trees (thousands of items).
+     *
+     * This is intended to be a temporary solution until we can improve the
+     * performance of our styling patterns.
+     *
+     * Do NOT copy this pattern without understanding the tradeoffs.
+     * Do NOT reference PRIVATE_* classnames outside of this file.
+     */
     .PRIVATE_TreeView-item {
       outline: none;
 
@@ -248,18 +248,18 @@ const UlBox = toggleStyledComponent(
       border-right: 1px solid;
 
       /*
-     * On devices without hover, the nesting indicator lines
-     * appear at all times.
-     */
+       * On devices without hover, the nesting indicator lines
+       * appear at all times.
+       */
       border-color: ${get('colors.border.subtle')};
     }
 
     /*
-   * On devices with :hover support, the nesting indicator lines
-   * fade in when the user mouses over the entire component,
-   * or when there's focus inside the component. This makes
-   * sure the component remains simple when not in use.
-   */
+     * On devices with :hover support, the nesting indicator lines
+     * fade in when the user mouses over the entire component,
+     * or when there's focus inside the component. This makes
+     * sure the component remains simple when not in use.
+     */
     @media (hover: hover) {
       .PRIVATE_TreeView-item-level-line {
         border-color: transparent;
@@ -359,7 +359,7 @@ const Root: React.FC<TreeViewProps> = ({
           data-omit-spacer={flat}
           data-truncate-text={truncate || false}
           onMouseDown={onMouseDown}
-          className={clsx({[classes.TreeViewRootUlStyles]: cssModulesEnabled}, className)}
+          className={clsx(className, {[classes.TreeViewRootUlStyles]: cssModulesEnabled})}
           style={style}
         >
           {children}