From ea794fca17827b43c4e63d3628015a654610dc51 Mon Sep 17 00:00:00 2001
From: Ashwin Pc <ashwinpc@amazon.com>
Date: Mon, 4 Jul 2022 07:15:16 +0000
Subject: [PATCH] chore: Updates Field selector

Signed-off-by: Ashwin Pc <ashwinpc@amazon.com>
---
 .../data_tab/field_selector_field.scss        | 20 +++++++++++++++----
 .../data_tab/field_selector_field.tsx         |  3 +--
 2 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.scss b/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.scss
index 0ace9a914b37..ef163b2f084f 100644
--- a/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.scss
+++ b/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.scss
@@ -1,12 +1,24 @@
 .wizFieldSelectorField {
   @include euiBottomShadowSmall;
-  padding: $euiSizeXS;
+
   background-color: $euiColorEmptyShade;
   border: $euiBorderThin;
-  margin-top: $euiSizeS;
+  margin-top: $euiSizeXS;
+
+  & > .osdFieldButton__button {
+    padding: 0;
+  }
+
+  & .osdFieldButton__name {
+    padding: $euiSizeS $euiSizeS $euiSizeS 0;
+  }
 
   & > button {
-    align-items: center;
-    gap: 4px;
+    align-items: stretch;
+  }
+
+  & .osdFieldIcon {
+    box-shadow: none;
+    height: 100%;
   }
 }
diff --git a/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.tsx b/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.tsx
index f000f9395280..76de393602b9 100644
--- a/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.tsx
+++ b/src/plugins/wizard/public/application/contributions/containers/data_tab/field_selector_field.tsx
@@ -79,12 +79,11 @@ export const FieldSelectorField = ({ field }: FieldSelectorFieldProps) => {
 
   return (
     <FieldButton
-      size="s"
       className="wizFieldSelectorField"
       isActive={infoIsOpen}
       onClick={togglePopover}
       dataTestSubj={`field-${field.name}-showDetails`}
-      fieldIcon={<FieldIcon type={field.type} scripted={field.scripted} />}
+      fieldIcon={<FieldIcon type={field.type} scripted={field.scripted} size="l" />}
       // fieldAction={actionButton}
       fieldName={fieldName}
       {...dragProps}