fixed comments

frontend/packages/ux-editor/src/components/Properties/PageConfigPanel/HiddenExpressionOnLayout.tsx

@@ -9,6 +9,7 @@ import { useSelectedFormLayoutWithName, useAppContext } from '../../../hooks';
 import { Trans } from 'react-i18next';
 import { AUTOSAVE_DEBOUNCE_INTERVAL_MILLISECONDS } from 'app-shared/constants';
 import { useDebounce } from 'app-shared/hooks/useDebounce';
+import classes from './HiddenExpressionOnLayout.module.css';
 
 export const HiddenExpressionOnLayout = () => {
   const { app, org } = useStudioEnvironmentParams();
@@ -48,7 +49,10 @@ export const HiddenExpressionOnLayout = () => {
         <Trans
           i18nKey={'right_menu.expressions_property_preview_hidden'}
           values={{ componentName: layoutName }}
-          components={{ bold: <strong /> }}
+          components={{
+            componentName: <span className={classes.componentName} />,
+            textElement: <span className={classes.textElement} />,
+          }}
         />
       }
       onChange={(expression) => handleChangeHiddenExpressionOnLayout(expression)}

frontend/packages/ux-editor/src/components/Properties/PageConfigPanel/HiddenExpressionOnlayout.module.css

@@ -0,0 +1,10 @@
+.textElement {
+  white-space: nowrap;
+}
+
+.componentName {
+  font-weight: bold;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}

frontend/packages/ux-editor/src/components/config/Expressions/ExpressionHeading.module.css

@@ -1,5 +1,4 @@
 .textElement {
-  flex: 1;
   white-space: nowrap;
 }