Fix responsive class for SearchInput button (#3476)

nolannbiron · web-flow · commit 334cfdd522d8 · 2025-07-15T12:50:57.000+02:00
diff --git a/.changeset/fuzzy-impalas-swim.md b/.changeset/fuzzy-impalas-swim.md
@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix responsive class for SearchInput button
diff --git a/packages/gitbook/src/components/Search/SearchInput.tsx b/packages/gitbook/src/components/Search/SearchInput.tsx
@@ -19,7 +19,7 @@ interface SearchInputProps {
 }
 
 // Size classes for medium size button
-const sizeClasses = ['text-sm', 'px-3.5', 'py-1.5', 'circular-corners:px-4'];
+const sizeClasses = ['text-sm', 'px-3.5', 'py-1.5', 'md:circular-corners:px-4'];
 
 /**
  * Input to trigger search.

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'gitbook': patch
 +---
++
 +Fix responsive class for SearchInput button
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ interface SearchInputProps {`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`// Size classes for medium size button`
`22`		`-const sizeClasses = ['text-sm', 'px-3.5', 'py-1.5', 'circular-corners:px-4'];`
	`22`	`+const sizeClasses = ['text-sm', 'px-3.5', 'py-1.5', 'md:circular-corners:px-4'];`
`23`	`23`
`24`	`24`	`/**`
`25`	`25`	`* Input to trigger search.`