diff --git a/packages/core/src/components/forms/_common.scss b/packages/core/src/components/forms/_common.scss
index d19db620a6..93636b85c7 100644
--- a/packages/core/src/components/forms/_common.scss
+++ b/packages/core/src/components/forms/_common.scss
@@ -105,6 +105,7 @@ $control-group-stack: (
box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;
}
+ &[type="search"],
&.#{$ns}-round {
border-radius: $pt-input-height;
// override normalize.css
@@ -151,6 +152,7 @@ $control-group-stack: (
height: $pt-input-height-large;
line-height: $pt-input-height-large;
+ &[type="search"],
&.#{$ns}-round {
padding: 0 ($input-padding-horizontal * 1.5);
}
@@ -163,6 +165,7 @@ $control-group-stack: (
padding-left: $input-small-padding;
padding-right: $input-small-padding;
+ &[type="search"],
&.#{$ns}-round {
padding: 0 ($input-small-padding * 1.5);
}
diff --git a/packages/core/src/components/forms/input-group.md b/packages/core/src/components/forms/input-group.md
index 2762f1880c..3a8b087c59 100644
--- a/packages/core/src/components/forms/input-group.md
+++ b/packages/core/src/components/forms/input-group.md
@@ -30,7 +30,11 @@ For _multiline text_: use [**TextArea**](#core/components/text-area) instead.
@## Search input
-Apply the attribute `type="search"` to enable a handler for the esc key to clear the text in a search field forå some browsers.
+Apply the attribute `type="search"` to style a text input as a search field. This styling is equivalent
+to what is applied using the `Classes.ROUND` modifier class—it is automatically applied for `[type="search"]`
+inputs.
+
+Note that some browsers also implement a handler for the esc key to clear the text in a search field.
@reactExample SearchInputExample