From ad77276288620dce251c7d0e54fdbb76a1c3a105 Mon Sep 17 00:00:00 2001
From: stanislavh <stanislav.honcharov@sonarsource.com>
Date: Fri, 10 Feb 2023 10:57:31 +0100
Subject: [PATCH] SONAR-18369 Text spacing content cut off

---
 .../js/apps/quality-profiles/compare/ComparisonForm.tsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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 3f1aefd4892..f5dfe1e413b 100644
--- 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>
+      </>
     );
   }
 }
-- 
2.39.5