SONAR-18369 Text spacing content cut off

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonForm.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonForm.tsx
index 3f1aefd4892749f714f86e5e2224aefce64c0be3..f5dfe1e413b20daf28a2c7d81b1dfce1efc4451d 100644 (file)
--- a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonForm.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonForm.tsx
@@ -63,12 +63,12 @@ export default class ComparisonForm extends React.PureComponent<Props> {
       .map((p) => ({ value: p.key, label: p.name, isDefault: p.isDefault }));
 
     return (
-      <div className="display-inline-block">
+      <div>
         <label htmlFor="quality-profiles-comparision-input" className="spacer-right">
           {translate('quality_profiles.compare_with')}
         </label>
         <Select
-          className="input-large"
+          className="input-super-large"
           autoFocus={true}
           isClearable={false}
           id="quality-profiles-comparision"
@@ -91,14 +91,14 @@ function renderValue(p: Omit<Option, 'label' | 'isDefault'>, options: Option[])
   const selectedOption = options.find((o) => o.value === p.value);
   if (selectedOption !== undefined) {
     return (
-      <div>
+      <>
         <span>{selectedOption.label}</span>
         {selectedOption.isDefault && (
           <Tooltip overlay={translate('quality_profiles.list.default.help')}>
             <span className="spacer-left badge">{translate('default')}</span>
           </Tooltip>
         )}
-      </div>
+      </>
     );
   }
 }