From f32d12999e40fca17278c52363f5daae0edf2638 Mon Sep 17 00:00:00 2001
From: IB002 <132930816+IB002@users.noreply.github.com>
Date: Wed, 12 Jul 2023 16:59:32 -0400
Subject: [PATCH] docs(styles): updated input text field [ci visual]

---
 .../tool-header/horizontal-paddings.example.html   | 14 ++++++++------
 .../Components/tool-header/menu.example.html       | 11 +++++++----
 2 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/packages/styles/stories/Components/tool-header/horizontal-paddings.example.html b/packages/styles/stories/Components/tool-header/horizontal-paddings.example.html
index 51283b0c88..772d38a6e8 100644
--- a/packages/styles/stories/Components/tool-header/horizontal-paddings.example.html
+++ b/packages/styles/stories/Components/tool-header/horizontal-paddings.example.html
@@ -96,17 +96,19 @@ <h4>Size XL (3rem)</h4>
             </button>
         </div>
     </div>
-    <div class="fd-tool-header__group">
+    <div class="fd-tool-header__group--center">
         <div class="fd-tool-header__element">
-            <div class="fd-input-group fd-tool-header__input-group">
-                <input class="fd-input fd-input-group__input" type="text" id="aqwsdewfwfw" name="" placeholder="Search...">
+            <div class="fd-input-group fd-tool-header__input-group fd-tool-header__search-field">
+                <input class="fd-input fd-input-group__input fd-tool-header__search-field-input" type="text" id="aqwsdewfwfw" name="" placeholder="Search...">
                 <span class="fd-input-group__addon fd-input-group__addon--button">
-                    <button class="fd-input-group__button fd-button fd-button--icon fd-button--transparent fd-tool-header__button" aria-label="Select">
-                        <i class="sap-icon--navigation-down-arrow"></i>
+                    <button class="fd-input-group__button fd-button fd-button--icon fd-button--transparent fd-tool-header__button" aria-label="Search">
+                        <i class="sap-icon--search"></i>
                     </button>
-                    </span>
+                </span>
             </div>
         </div>
+    </div>
+    <div class="fd-tool-header__group">
         <div class="fd-tool-header__element">
             <button class="fd-button fd-button--transparent fd-tool-header__button" aria-label="notification">
                  <i class="sap-icon--bell"></i>
diff --git a/packages/styles/stories/Components/tool-header/menu.example.html b/packages/styles/stories/Components/tool-header/menu.example.html
index b626f98a15..58691098ac 100644
--- a/packages/styles/stories/Components/tool-header/menu.example.html
+++ b/packages/styles/stories/Components/tool-header/menu.example.html
@@ -15,17 +15,20 @@ <h4 class="fd-title fd-title--h5 fd-tool-header__title">Product Name</h4>
             <label class="fd-text fd-tool-header__text" for="input-1">Description (Text Element)</label>
         </div>
     </div>
-    <div class="fd-tool-header__group">
+    <div class="fd-tool-header__group--center">
         <div class="fd-tool-header__element">
-            <div class="fd-input-group fd-tool-header__input-group">
-                <input class="fd-input fd-input-group__input" type="text" id="aqwsdewfwfw" name="" placeholder="Search...">
+            <div class="fd-input-group fd-tool-header__input-group fd-tool-header__search-field">
+                <input class="fd-input fd-input-group__input fd-tool-header__search-field-input" type="text" id="aqwsdewfwfw" name="" placeholder="Search...">
                 <span class="fd-input-group__addon fd-input-group__addon--button">
                     <button class="fd-input-group__button fd-button fd-button--icon fd-button--transparent fd-tool-header__button" aria-label="Search">
                         <i class="sap-icon--search"></i>
                     </button>
-                    </span>
+                </span>
             </div>
         </div>
+    </div>
+    <div class="fd-tool-header__group">
+       
         <div class="fd-tool-header__element">
             <button class="fd-button fd-button--transparent fd-tool-header__button" aria-label="task">
                  <i class="sap-icon--circle-task"></i>