diff --git a/packages/block-library/src/reset.scss b/packages/block-library/src/reset.scss
index 3bc1ccd373703a..be7232ebd0e483 100644
--- a/packages/block-library/src/reset.scss
+++ b/packages/block-library/src/reset.scss
@@ -104,7 +104,18 @@
textarea,
button {
font-family: system-ui;
- all: revert;
+ font-size: revert;
+ font-weight: revert;
+ border-radius: revert;
+ border: revert;
+ background: revert;
+ color: revert;
+ padding: revert;
+ margin: revert;
+ line-height: revert;
+ min-height: revert;
+ box-shadow: revert;
+ box-sizing: revert;
}
// For these I prefer to only override the WP-Admin defined styles and not "all"
@@ -132,6 +143,7 @@
border: revert;
box-shadow: revert;
outline: revert;
+ padding: revert;
}
}
}
diff --git a/packages/block-library/src/search/edit.js b/packages/block-library/src/search/edit.js
index b66cbd8be5d8b8..57b71031bfc326 100644
--- a/packages/block-library/src/search/edit.js
+++ b/packages/block-library/src/search/edit.js
@@ -149,21 +149,19 @@ export default function SearchEdit( {
) }
{ ! buttonUseIcon && (
- // This rule only makes sense for UI not blocks.
- // eslint-disable-next-line react/forbid-elements
-
+
+ setAttributes( { buttonText: html } )
+ }
+ />
) }
>
);
diff --git a/packages/block-library/src/search/style.scss b/packages/block-library/src/search/style.scss
index b66519a49b715d..6f47aa3761dbcb 100644
--- a/packages/block-library/src/search/style.scss
+++ b/packages/block-library/src/search/style.scss
@@ -29,7 +29,7 @@
width: 100%;
}
- .wp-block-search__input[type="search"] {
+ .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid $gray-600;