Merge pull request #290 from Bonymol-aot/bugfix/FWF-3534-search-padding-issue

FWF-3534: [Bugfix] Fixed search padding issues

Author: arun-s-aot

forms-flow-components/src/components/CustomComponents/Search.tsx

@@ -46,8 +46,8 @@ export const CustomSearch: FC<CustomSearchProps> = ({
                     >
                         {!searchFormLoading ? (
                             <CloseIcon
-                                width={12}
-                                height={12}
+                                width={16}
+                                height={16}
                                 onClick={handleClearSearch}
                                 data-testid="form-search-clear-button"
 

forms-flow-theme/scss/_forms.scss

@@ -123,8 +123,8 @@ select option:hover {
       font-size: var(--font-size-xs);
       font-weight: var(--font-weight-sm);
       line-height: var(--text-line-height);
-      padding: var(--spacer-050);
-      padding-right: var(--spacer-250);
+      padding: var(--spacer-050) var(--spacer-250) var(--spacer-050) var(--spacer-100);
+      height: 2.063rem;
 
 
 
@@ -148,6 +148,7 @@ select option:hover {
       transform: translateY(-50%);
       cursor: pointer;
       color: var(--ff-gray-800);
+      padding: var(--spacer-050);
 
       &.loading {
         cursor: default;