From 45eb2f92a9cc2c8711f0c81ae2d826c15b54c03d Mon Sep 17 00:00:00 2001
From: dej611 <marco.liberati@elastic.co>
Date: Mon, 24 Oct 2022 12:56:13 +0200
Subject: [PATCH] :ok_hand: Integrated design feedback

---
 .../datasources/form_based/layer_settings.tsx | 29 ++++++++-----------
 .../config_panel/dimension_container.scss     |  4 ---
 .../config_panel/flyout_container.tsx         | 14 ++++-----
 3 files changed, 18 insertions(+), 29 deletions(-)

diff --git a/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx b/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
index 9e2ed6d3a86d65..7d02ac98f23a43 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
+++ b/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiFormRow, EuiToolTip, EuiRange, EuiBetaBadge } from '@elastic/eui';
+import { EuiFormRow, EuiRange, EuiBetaBadge } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
 import type { DatasourceLayerSettingsProps } from '../../types';
@@ -29,27 +29,22 @@ export function LayerSettingsPanel({
         defaultMessage: 'Change the sampling probability to see how your chart is affected',
       })}
       label={
-        <span>
+        <>
           {i18n.translate('xpack.lens.xyChart.randomSampling.label', {
             defaultMessage: 'Sampling',
           })}{' '}
-          <EuiToolTip
-            content={i18n.translate('xpack.lens.randomSampling.experimentalLabel', {
+          <EuiBetaBadge
+            label={i18n.translate('xpack.lens.randomSampling.experimentalLabel', {
               defaultMessage: 'Technical preview',
             })}
-            delay="long"
-            position="top"
-          >
-            <EuiBetaBadge
-              label={i18n.translate('xpack.lens.randomSampling.experimentalLabel', {
-                defaultMessage: 'Technical preview',
-              })}
-              color="hollow"
-              iconType="beaker"
-              size="s"
-            />
-          </EuiToolTip>
-        </span>
+            color="hollow"
+            iconType="beaker"
+            size="s"
+            tooltipContent={i18n.translate('xpack.lens.randomSampling.experimentalLabel', {
+              defaultMessage: 'Technical preview',
+            })}
+          />
+        </>
       }
     >
       <EuiRange
diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/dimension_container.scss b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/dimension_container.scss
index deb353e7a1df57..7b74d0e9664100 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/dimension_container.scss
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/dimension_container.scss
@@ -1,7 +1,3 @@
-.lnsBody--overflowHidden {
-  overflow: hidden;
-}
-
 .lnsLayerAddButton:hover {
   text-decoration: none;
 
diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/flyout_container.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/flyout_container.tsx
index dba2ffc73db01a..041f59df332f48 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/flyout_container.tsx
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/config_panel/flyout_container.tsx
@@ -110,14 +110,12 @@ export function FlyoutContainer({
                     id="lnsDimensionContainerTitle"
                     className="lnsDimensionContainer__headerTitle"
                   >
-                    <strong>
-                      {i18n.translate('xpack.lens.configure.configurePanelTitle', {
-                        defaultMessage: '{groupLabel}',
-                        values: {
-                          groupLabel,
-                        },
-                      })}
-                    </strong>
+                    {i18n.translate('xpack.lens.configure.configurePanelTitle', {
+                      defaultMessage: '{groupLabel}',
+                      values: {
+                        groupLabel,
+                      },
+                    })}
                   </h2>
                 </EuiTitle>
               </EuiFlexItem>