From 82d149aefd6564bfe195866a00a5e9390ccc8e5d Mon Sep 17 00:00:00 2001
From: Elisha Sam Peter Prabhu <Elisha_SamPeterPrabhu@Trimble.com>
Date: Wed, 3 Jul 2024 12:56:52 +0530
Subject: [PATCH 1/2] fix height issues

---
 .../src/components/modus-autocomplete/modus-autocomplete.scss  | 3 ++-
 .../src/components/modus-autocomplete/modus-autocomplete.tsx   | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
index c6522e9ed..8c435f44c 100644
--- a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
+++ b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
@@ -40,7 +40,7 @@
     height: auto;
     margin: 0;
     min-height: 32px;
-    padding: 2px;
+    padding: 0;
     position: relative;
     width: 100%;
 
@@ -63,6 +63,7 @@
       --input-font-size: var(--modus-autocomplete-font-size, #{12px});
 
       &::part(input-container) {
+        height: 1.875rem;
         border: none !important;
         box-shadow: none;
       }
diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
index 402b6ca10..910c24b4f 100644
--- a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
+++ b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
@@ -458,7 +458,7 @@ export class ModusAutocomplete {
             <modus-chip
               value={chip.value}
               chipId={chip.id}
-              size="medium"
+              size="small"
               show-close
               onCloseClick={() => this.handleCloseClick(chip)}></modus-chip>
           ))}

From 989487805b796024b5103ae3098cd878b5610f89 Mon Sep 17 00:00:00 2001
From: Elisha Sam Peter Prabhu <Elisha_SamPeterPrabhu@Trimble.com>
Date: Thu, 4 Jul 2024 14:57:54 +0530
Subject: [PATCH 2/2] Update css

---
 .../modus-autocomplete/modus-autocomplete.scss     | 14 +++++++++++++-
 .../modus-autocomplete/modus-autocomplete.tsx      |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
index 8c435f44c..288500ad1 100644
--- a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
+++ b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
@@ -63,9 +63,9 @@
       --input-font-size: var(--modus-autocomplete-font-size, #{12px});
 
       &::part(input-container) {
-        height: 1.875rem;
         border: none !important;
         box-shadow: none;
+        height: 1.875rem;
       }
     }
   }
@@ -158,6 +158,18 @@
   }
 
   &.large {
+    .chips-container {
+      .input {
+        &::part(input-container) {
+          height: 3rem;
+        }
+      }
+    }
+
+    .icon-search {
+      margin-left: 8px;
+    }
+
     .options-container > .text-option {
       font-size: $rem-14px;
       min-height: 3rem;
diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
index 910c24b4f..14531fa64 100644
--- a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
+++ b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
@@ -458,7 +458,7 @@ export class ModusAutocomplete {
             <modus-chip
               value={chip.value}
               chipId={chip.id}
-              size="small"
+              size={this.size === 'large' ? 'medium' : 'small'}
               show-close
               onCloseClick={() => this.handleCloseClick(chip)}></modus-chip>
           ))}