diff --git a/docs/customize/look-and-feel/theme.md b/docs/customize/look-and-feel/theme.md
index 2bbd99b2..f775a5bb 100644
--- a/docs/customize/look-and-feel/theme.md
+++ b/docs/customize/look-and-feel/theme.md
@@ -27,6 +27,12 @@ The `assets/less/site/globals/site.variables` is where you can override site wid
 @footerDarkColor: /* a shade of your brandColor */;
 ```
 
+To change the orange search button color, in your instance create `assets/less/site/elements/button.variables` file instead of the globals folder and add the following line to it:
+
+```less
+@searchButtonColor: /* your desired color */;
+```
+
 You can override any styling variable in your `site.variables` file. The available styling variables are typically found in the `.variables` files of the various Invenio modules installed (see note below).
 
 !!! info "List of variables that can be overridden"