From 2181de5e09571aca685e4a4dcc4ba97099feac49 Mon Sep 17 00:00:00 2001
From: Juan Pablo Mitriatti <juan.mitriatti@gmail.com>
Date: Fri, 11 Jul 2025 17:39:05 -0300
Subject: [PATCH 1/2] feat(component-header-footer): added mobile style for
 search input

UDS-2028
---
 .../header/components/UniversalNavbar/Search/index.styles.js  | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js b/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js
index 5542641d86..78ce26ca8a 100644
--- a/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js
+++ b/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js
@@ -59,6 +59,10 @@ const SearchWrapper = styled.form`
         margin: 0;
       }
     }
+
+    input[name="q"] {
+      width: 100%;
+    }
   }
 `;
 

From d1cbddb12fe5201c3448be362fdccfb2e57bad65 Mon Sep 17 00:00:00 2001
From: Juan Pablo Mitriatti <juan.mitriatti@gmail.com>
Date: Thu, 24 Jul 2025 15:27:31 -0300
Subject: [PATCH 2/2] feat(component-header-footer): applied soma feedback

UDS-2028
---
 .../components/UniversalNavbar/Search/index.styles.js       | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js b/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js
index 78ce26ca8a..01fcfb9465 100644
--- a/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js
+++ b/packages/component-header-footer/src/header/components/UniversalNavbar/Search/index.styles.js
@@ -53,16 +53,12 @@ const SearchWrapper = styled.form`
         left: 0.5rem;
         transform: translate(0, -50%);
       }
-      input {
+      input[name="q"] {
         width: 100%;
         border: unset;
         margin: 0;
       }
     }
-
-    input[name="q"] {
-      width: 100%;
-    }
   }
 `;