fix(aggregations): stage description tooltip overflow COMPASS-9463 (#7028)

Anemy · web-flow · commit 7f7bc8261308 · 2025-06-17T08:39:04.000-04:00
diff --git a/packages/compass-aggregations/src/components/stage-preview/stage-preview-header.tsx b/packages/compass-aggregations/src/components/stage-preview/stage-preview-header.tsx
@@ -1,16 +1,10 @@
 import React from 'react';
 import { connect } from 'react-redux';
-import { Body, Link, Tooltip, css } from '@mongodb-js/compass-components';
+import { Body, Link, Tooltip } from '@mongodb-js/compass-components';
 import type { RootState } from '../../modules';
 import { getStageInfo } from '../../utils/stage';
 import type { StoreStage } from '../../modules/pipeline-builder/stage-editor';
 
-const toolbarTextStyles = css({
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-});
-
 const OperatorLink: React.FunctionComponent<{
   stageOperator: string;
   description?: string;
@@ -56,7 +50,7 @@ function StagePreviewHeader({
     return null;
   }
   return (
-    <Body className={toolbarTextStyles}>
+    <Body>
       {destination ? (
         `Documents will be saved to ${destination}.`
       ) : (
