chore: style fix

Author: ArathyKumar

elements/pf-search-input/pf-search-input.css

@@ -242,13 +242,14 @@
   border: none;
   text-align: left;
   border-radius: 0;
+	padding-left: 3rem; /*Change it to variable*/
 }
 
 #toggle-input {
   justify-content: space-between;
 	min-width: calc(100% - 33px);
 	box-sizing: border-box;
-	max-height: 2.25rem;
+	height: 2.25rem;
 }
 
 .disabled #toggle-input {
@@ -278,6 +279,11 @@
 	}
 }
 
+.close-button-container{
+	height: 2.25rem;
+	width: 2.25rem;
+}
+
 #toggle-text {
   flex: 1 1 auto;
 }
@@ -359,8 +365,17 @@ div.search-icon {
 			border-bottom: var(--pf-global--spacer--xs, 0.125rem) solid var(--pf-theme--color--accent, #0066cc); 
 		}
 	}
-	#close-button {
-		border-bottom: var(--pf-global--spacer--xs, 0.125rem) solid var(--pf-theme--color--accent, #0066cc);
+	.close-button-container {
+		position: relative;
+		&::after{
+			content: '';
+			width: 2.25rem;
+			height:  var(--pf-global--spacer--xs, 0.125rem);
+			bottom: 0px;
+			left: -3px;
+			background-color: var(--pf-theme--color--accent, #0066cc);
+			position: absolute;
+		}
 	}
 }
 

elements/pf-search-input/pf-search-input.ts

@@ -186,15 +186,17 @@ export class PfSearchInput extends LitElement {
             ?disabled="${disabled}"
             @keydown=${this.#onSearchInput}
             placeholder="${placeholder}">
-          <pf-button 
-            @click="${this.#OnClose}" 
-            ?hidden="${this.#hideCloseButton()}" 
-            id="close-button"  
-            plain 
-            label="Close"
-          >
-            <pf-icon size="md" icon="close" set="patternfly">close</pf-icon>
-          </pf-button>
+          <div class="close-button-container">
+            <pf-button 
+              @click="${this.#OnClose}" 
+              ?hidden="${this.#hideCloseButton()}" 
+              id="close-button"  
+              plain 
+              label="Close"
+              >
+              <pf-icon size="md" icon="close" set="patternfly">close</pf-icon>
+            </pf-button>
+          </div>
           <button aria-label="toggle button" inert class="visually-hidden" id="toggle-button"></button>
         </div>
         <div