fix text field icon margin

elastic · Jun 20, 2024 · 94f390e · 94f390e
1 parent 1e1e35b
commit 94f390e
Showing 1 changed file with 20 additions and 13 deletions.
diff --git a/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/use_columns.tsx b/x-pack/plugins/aiops/public/components/log_rate_analysis_results_table/use_columns.tsx
@@ -163,19 +163,26 @@ export const useColumns = (
                 />
               )}
               {type === SIGNIFICANT_ITEM_TYPE.LOG_PATTERN && (
-                <EuiIconTip
-                  type="aggregate"
-                  data-test-subj={'aiopsLogPatternIcon'}
-                  css={{ marginLeft: euiTheme.euiSizeS, marginRight: euiTheme.euiSizeXS }}
-                  size="m"
-                  content={i18n.translate(
-                    'xpack.aiops.fieldContextPopover.descriptionTooltipLogPattern',
-                    {
-                      defaultMessage:
-                        'The field value for this field shows an example of the identified significant text field pattern.',
-                    }
-                  )}
-                />
+                <span
+                  // match the margins of the FieldStatsPopover button
+                  css={{
+                    marginLeft: euiTheme.euiSizeS,
+                    marginRight: euiTheme.euiSizeXS,
+                  }}
+                >
+                  <EuiIconTip
+                    type="aggregate"
+                    data-test-subj={'aiopsLogPatternIcon'}
+                    size="m"
+                    content={i18n.translate(
+                      'xpack.aiops.fieldContextPopover.descriptionTooltipLogPattern',
+                      {
+                        defaultMessage:
+                          'The field value for this field shows an example of the identified significant text field pattern.',
+                      }
+                    )}
+                  />
+                </span>
               )}
 
               <span title={fieldName} className="eui-textTruncate">